PDA

View Full Version : [4.1.1] How to hide grid's header



Ex_Soft
29 Oct 2012, 11:41 AM
Ext.onReady(function() {
Ext.create("Ext.grid.Panel", {
header: false,
store: Ext.create("Ext.data.Store", {
fields: ["id", "name"],
data: [
{ id: 1, name: "Record# 1" }
]
}),
columns: [
{ dataIndex: "id" },
{ dataIndex: "name" }
],
renderTo: Ext.getBody()
});
});

but header (http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel-cfg-header) is shown (http://jsfiddle.net/MSmbJ/).

Tim Toady
29 Oct 2012, 3:02 PM
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.Table-cfg-hideHeaders

hideHeaders: true

Mahesh Sakunala
29 Oct 2012, 9:50 PM
Replace the ' header:false' with the following lines

title: false,
header: false,
headerCfg: false,

Ex_Soft
29 Oct 2012, 10:59 PM
title: false,
header: false,
headerCfg: false,

doesn't work