CODEWITHSUNDEEP
javascriptextjsgridpanel
Chris
Chris

Reputation: 7853

Removing headertoolbar of GridPanel in Extjs

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?

Upvotes: 4

Views: 7032

Answers (3)

slhsen
slhsen

Reputation: 616

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

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

Upvotes: 11

Tommi
Tommi

Reputation: 8608

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

Upvotes: 2

lee whitbeck
lee whitbeck

Reputation: 456

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

Upvotes: 3

Related Questions