Removing headertoolbar GridPanel in Extjs

Question

I have a GridPanel in Extjs and I just want to remove or hide the title bar. (Toolbar where the title and search engine are located). I just want the first element of the Gridpanels be the column heading. How can i do this?

Answer 1

If you cannot find a suitable configuration option, calling gridPanel.getTopToolbar().hide() should do the trick after that.

Answer 2

hideHeaders property Ext.grid.GridPanel does the trick.

 var grid = new.Ext.grid.GridPanel({ store: store, hideHeaders: true, width: 200, height: 100, } 

Answer 3

Have you tried setting the header parameter to false? Example below:

  var grid = new Ext.grid.GridPanel({ store: store, cm: cm, header: false, renderTo: 'mygrid', width: 600, height: 300 });