Removing headertoolbar of GridPanel in Extjs

javascript extjs gridpanel
Chris picture Chris · Mar 31, 2011 · Viewed 7k times · Source

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?

Answer

slhsen picture slhsen · Apr 7, 2011

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

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

Related questions

How to add row double click event listener when extending grid panel with Ext.define()?

I am extending GridPanel with Ext.define() (Ext v4). I need to get the row data when a grid row is double clicked. At this point I cannot even get the event listener working: Ext.define('Application.usersGrid', { extend: 'Ext.…

Read More
Extjs Grid - Click event listener

I did successfully add a row double click event listener to my grid by: listeners : { itemdblclick: function(dv, record, item, index, e) { alert('working'); } }, Now, I need to get the exact value in third column at the selected row, how …

Read More
Render dynamic components in ExtJS 4 GridPanel Column with Ext.create

I've got an ExtJS (4.0.7) GridPanel that I'm populating from a store. The values that I display in the GridPanel's column need to have a different view depending on the type of data that's in the record. The ultimate goal is …

Read More