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

发布时间：2020-12-17 07:17:18 所属栏目：安全来源：网络整理

导读：我在我的一个项目中使用ui-grid,其中一个要求是隐藏/显示网格中的列.隐藏列工作正常但是如何重新显示隐藏列？经过一段时间的搜索后,我发现在ng-grid中有showColumnMenu可以隐藏它后显示列,see this example I found $scope.gridOptions = {data: 'myData',c

我在我的一个项目中使用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中不起作用.

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

谢谢,

ng-grid被重写为ui-grid.您的示例链接指向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' }
    ],...
  };

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!