меню заголовка столбца щ сетки не показывает

Question

Как показывает фото, меню колонки не отображается.

Вот моя установка сетки:

angular.module('app.ReportCtrl',['ngSanitize','ngTouch','ngCsv','ui.grid.grouping','ui.grid','ui.grid.autoResize','ui.grid.resizeColumns', 'ui.grid.moveColumns', 'reportFilters', 'reportDirectives', 'ui.bootstrap','ui.sortable']) 
.controller('ReportCtrl',function($http, uiGridConstants,uiGridGroupingConstants,$rootScope, $scope, $filter, $timeout, PropertyService, EventService, SearchService, FormService, DatabaseService, ReportService, $location, $locale, EventColors, $modal, $q){ 

$scope.gridOptions = { 
     data: 'queryResult', 
     enableSorting: true, 
     showColumnFooter: true, 
     enableColumnResize : true, 

    }; 

HTML:

<div id="table" class="gridStyle" ui-grid='gridOptions' ui-grid-auto-resize ui-grid-grouping ui-grid-resize-columns ui-grid-move-columns></div>  

Update , когда я нажимаю кнопку, я получаю сообщение об ошибке:

Error: [$compile:ctreq] Controller 'ngModel', required by directive 'ngFocus', can't be found! 

Обновление Когда я нажимаю кнопку, в пункте меню нет элемента.

Пропустил ли я что-нибудь?

Answer 1

Проблема была как-то ng-Focus не понравилась одна из моих других плагинов, и я не мог узнать, какой из них. Поэтому я закончил удаление ng-Focus/ng-Blur в шаблоне menuItem в ui-grid.js, и он работает для меня.

Не уверен, что это хорошее решение или нет.

Answer 2

могли бы вы добавить columnDefs как например,

$scope.gridOptions = { 
    enableSorting: true, 
    columnDefs: [ 
     { field: 'cost', enableColumnMenu: true } 
     ]}; 

Пожалуйста, перейдите по этой ссылке http://ui-grid.info/docs/#/tutorial/101_intro имеет все понятия, связанные с UI-сетки с примером х.