ui-grid 列标题菜单未显示答案

【问题标题】：ui-grid column header menu not showingui-grid 列标题菜单未显示
【发布时间】：2015-11-25 14:09:23
【问题描述】：

如图所示，列菜单未显示。

这是我的网格设置：

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 中没有项目。

我错过了什么吗？

【问题讨论】：

标签： angularjs angular-ui-grid

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

能否请您添加 columnDefs 之类的例如，

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

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

【讨论】：