Hide grid Panel Column programmatically ExtJs 5

Question

I want to hide a column in grid panel of ExtJs 5 when store associated with grid panel loads .

Answer 1

Depending on how your data store works.... there is onload event. Hide your column on that event.

Answer 2

Using the following syntax you can achieve it:

   <yourGrid>.down('headercontainer').getGridColumns()[<columnIndex>].hidden = true;

Answer 3

If you know the index of the column to hide you can use this code after store load event fired

grid.getColumnManager().getHeaderAtIndex(indexOfColumn).hide()

Answer 4

You can find the api from manual [Ext.grid.column.Column-method-hide]: http://docs.sencha.com/extjs/5.0/5.0.1-apidocs/#!/api/Ext.grid.column.Column-method-hide

There is a fiddle for you: http://runjs.cn/code/qusp7pql