重新显示 ui-grid AngularJs 中的隐藏列

Question

我在我的一个项目中使用 ui-grid，其中一个要求uirement 是网格中的 hide/show 列。隐藏列效果很好，但我怎样才能重新显示隐藏的列？

搜索了一下发现在ng-grid中有showColumnMenu提供了隐藏后显示列的功能，see this example I found

$scope.gridOptions = {
data: 'myData',
columnDefs: [{
                field: "id",
                visible: false
            },{
                field: "name",
                displayName : "name"
            },{
                field: "age",
                displayname: "age",

            }] ,
multiSelect: false,
showGroupPanel: true,
selectedItems: [],
showColumnMenu: true };

，但在 ui-grid 中使用 showColumnMenu 不起作用。

我想知道是否有人知道如何显示隐藏的列。

谢谢，

Answer 1

ng-grid 被重写为 ui-grid。您的示例 link 指向 ng-grid。但是如果你想知道如何在 angular-ui-grid 中做到这一点。

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview 看看这个例子。要显示隐藏的列，您需要启用 GridMenu，它会显示显示隐藏列的选项。

$scope.gridOptions = {
    exporterMenuCsv: false,
    enableGridMenu: true,        
    columnDefs: [
      { name: 'name' },
      { name: 'gender', enableHiding: false },
      { name: 'company' }
    ],
    ...
  };

重新显示 ui-grid AngularJs 中的隐藏列

Re-show hidden column in ui-grid AngularJs

angularjs

angular-ui-grid