ui-grid列标题菜单未显示

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>    

更新 当我点击按钮时出现错误：

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

更新 单击按钮时，menuitem中没有项目。

我错过了什么吗？

Answer 1

问题是某种方式ng-Focus不喜欢我/我的其他一些插件，我找不到哪一个。所以我最终删除了ui-grid.js中menuItem模板中的ng-Focus / ng-Blur，它对我有用。

不确定这是否是一个好的解决方案..

Answer 2

你可以添加像columnDefs吗？ 例如，

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

请浏览此链接http://ui-grid.info/docs/#/tutorial/101_intro它包含与ui-grid相关的所有概念和示例。