Hide column in AngularJs

Question

Imagine that i have the structure below:

      $scope.gridOptions = {
                enableHorizontalScrollbar: 1,
                enableFiltering: true,
                paginationPageSizes: [150, 300, 450],
                paginationPageSize: 150,
                rowHeight: 110,
                data: data,
                columnDefs: [
{  name: 'IdQuestion', field: 'IdQuestion', displayName: 'Question Number' , enableCellEdit: false  , width :'60' },         
{  name: 'Category', field: 'Category', displayName: 'Category' , enableCellEdit: false  , width :'83'  }

I need to create a button in order to hide the Category column, i was thinking that this would work :/

 $("#gridOptions").field("Category").hide();

but it didn't , can you guys let me know the correct way to access to the category column. Thanks in advance.

You're mixing jQuery and angular here. Usually you can do such a thing completely from within angular using 'ng-hide' or 'ng-show' directives. Use your button to toggle the bound value on these maybe? — Adwaenyth
– Adwaenyth, Commented May 30, 2016 at 10:05
thanks Gunter, I'm looking for a good example for such thing, do you have any one ? — user1187282
– user1187282, Commented May 30, 2016 at 10:12

venkatesh thigala · Accepted Answer · 2016-05-30 10:16:43Z

1

<label ng-show="gridOptions[0].enableCellEdit">Category</label>

in the above code if enableCellEdit is true then that label will show other wise it will hide.

answered May 30, 2016 at 10:16

venkatesh thigala

698 bronze badges

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

1 Comment

user1187282 Over a year ago

thanks thigala , how can i add it into the column definition , will this work : name: 'Category', field: 'Category', displayName: 'Category' , enableCellEdit: false , width :'83', ng-show: "gridOptions[0].enableCellEdit" }

Collectives™ on Stack Overflow

Hide column in 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