Re-show hidden column in ui-grid AngularJs

Question

I am using ui-grid in one of my projects and one of the requirement is to hide/show columns in the grid. Hiding columns working well but then how can I re-show the hidden column?

After searching awhile I found that in ng-grid there is showColumnMenu which provide the ability to show column after hiding it, 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 };

, but in ui-grid using showColumnMenu is not working.

I was wondering if someone know how to show hidden columns.

Thanks,

Kathir · Accepted Answer · 2015-07-09 17:44:14Z

15

ng-grid is being re written as ui-grid. Your example link is pointing to ng-grid. But if you are wondering how to do this in angular-ui-grid.

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview Take a look at this example. To show the hidden the columns, you need to enableGridMenu, which will show you the option to show the hidden columns.

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

answered Jul 9, 2015 at 17:44

Kathir

6,2068 gold badges38 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

I3i0 Over a year ago

Thanks Kanthir for your useful help.I added that example in ng-grid just for make myself clear for what I really want. I was searching for the equivalent of showColumnMenu in ui-grid but I did not find it.

Collectives™ on Stack Overflow

Re-show hidden column in ui-grid AngularJs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related