<div class="form-group col-xs-12">
                        <div ui-grid="gridOptions" class="grid" ui-grid-cellNav ui-grid-selection ui-grid-auto-resize></div>
                    </div>

$scope.gridOptions = {
            enableSorting: true,
            enableHorizontalScrollbar: uiGridConstants.scrollbars.NEVER,
            enableVerticalScrollbar: uiGridConstants.scrollbars.NEVER,
            enableColumnResizing: true,
            columnDefs: $scope.columns,
            enableRowHeaderSelection: false,
            multiSelect: false,
            rowHeight: 40,
            onRegisterApi: function (gridApi) {
                $scope.gridApi = gridApi;
            }
        };

{
                name: 'Map',
                width: 55,
                cellClass: 'grid-align-center',
                headerCellClass: 'grid-align-center grid-header-text',
                cellTemplate: '<a style="margin-right: 3px; color: #006699; cursor: pointer;" class="material-icons place" ' +
                    'popover-trigger="&#39;outsideClick&#39;" popover-placement="bottom" popover-append-to-body="true"' +
                    'uib-popover-html="&#39;<div style="height: 300px; width: 300px; position: relative;">' +
                    '<iframe height="100%" width="100%" frameborder="0" ng-src="{{ sce.trustAsResourceUrl(row.entity.mapUrl) }}" ' +
                    'scrolling="no"></iframe></div>&#39;"' +
                    '</a>'
            },

$scope.gridOptions.data.mapUrl = $sce.trustAsResourceUrl($scope.gridOptions.data.mapUrl);