I have a GridPanel in Extjs and i just want to remove or hide its header toolbar. (The toolbar where the title and the searchbox is in). I just want the Gridpanels first element to be the column headers. How can I do it?

I have a GridPanel in Extjs and i just want to remove or hide its header toolbar. (The toolbar where the title and the searchbox is in). I just want the Gridpanels first element to be the column headers. How can I do it?

• javascript
• extjs
• gridpanel

3 Answers 3

hideHeaders property of Ext.grid.GridPanel does the trick.

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

Have you tried setting the header config option to false? See below example:

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

If you can't find a suitable config option, calling gridPanel.getTopToolbar().hide() afterwards should do the trick.