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

时间:2015-07-09 11:25:32

标签: angularjs angular-ui-grid

我在我的一个项目中使用ui-grid,其中一个要求是隐藏/显示网格中的列。隐藏列工作正常但是如何重新显示隐藏列?

经过一段时间的搜索,我发现在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 };

,但在使用showColumnMenu的ui-grid中无效。

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

谢谢,

1 个答案:

答案 0 :(得分:12)

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

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

{{1}}