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

前端之家收集整理的这篇文章主要介绍了在ui-grid AngularJs中重新显示隐藏列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的一个项目中使用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' }
    ],...
  };

猜你在找的Angularjs相关文章