如何删除 angular 中的隐藏列选项？

Question

ui-grid 在我的演示中。这里是 api 文档 http://ui-grid.info/docs/#/tutorial/101_intro 我想从列中删除 hide option。在每列中都有 "V" 图像，单击该图像会显示 隐藏列 option.I 想删除该选项。怎么可能

这是我的代码

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

  };

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

Answer 1

您要访问的页面在这里：http://ui-grid.info/docs/#/tutorial/303_customizing_column_menu

您可以完全删除每列 header 上的菜单：

enableColumnMenus: false

在你的网格选项中：

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

Answer 2

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

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

如何删除 angular 中的隐藏列选项？

how to remove hide column option in angular?

angularjs

angularjs-directive

angularjs-scope

angularjs-ng-repeat

angular-ui-grid