Removing headertoolbar of GridPanel in Extjs

Question

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?

score 11 · Answer 1 · answered Apr 07 '11 at 13:08

11

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

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

answered Apr 07 '11 at 13:08

slhsen

606
9
21

This is not what the question is about. – szym May 23 '13 at 10:43

score 3 · Answer 2 · answered Mar 31 '11 at 14:40

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
    });

score 2 · Accepted Answer · answered Mar 31 '11 at 15:29

2

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

answered Mar 31 '11 at 15:29

Tommi

8,550
5
32
51

Removing headertoolbar of GridPanel in Extjs

3 Answers3