如何删除角度中的隐藏列选项?

时间:2016-01-13 05:39:55

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat angular-ui-grid

在我的演示中

ui-grid 。这是api文档 http://ui-grid.info/docs/#/tutorial/101_intro 我想从列中删除隐藏选项。在每列中都有" V" 图片,点击该图片后会显示隐藏列选项。我想删除该选项。如果可能的话

这是我的代码

 self.gridOptions = {
    enableFiltering: true,
    enableRowSelection: true,
    multiSelect: false,
    enableRowHeaderSelection: false,
        enableSorting: false

  };

http://plnkr.co/edit/ye0HXTbKv6dDYTQ0DMyX?p=preview

2 个答案:

答案 0 :(得分:2)

您所访问的页面位于:http://ui-grid.info/docs/#/tutorial/303_customizing_column_menu

您可以使用以下方法完全删除每个列标题上的菜单:

enableColumnMenus: false

在您的网格选项中:

self.gridOptions = {
  enableFiltering: true,
  enableRowSelection: true,
  multiSelect: false,
  enableRowHeaderSelection: false,
  enableSorting: false,
  enableColumnMenus: false
};

答案 1 :(得分:1)

您可以使用colDef隐藏列菜单。" enableColumnMenu":false

self.gridOptions.columnDefs=[ { field: 'name' },
                              { field: 'gender' },
                              { field: 'company', 
                                enableSorting: true,
                                enableColumnMenu :false }]