PDA

View Full Version : How to remove Column header from the list view?



msuresh
27 Dec 2010, 3:31 AM
Hi,
I would like to remove the column header from the list view. I tried two options,

First option:
.no-group-hd .x-grid-group-hd {display: none;}
and configured option cls: 'no-group-hd'

It didn't work

Second Option:
I removed header option from columns, as well as tried setting it to empty also. It is not working.




var store = new Ext.data.JsonStore({
url: '/data/json/logview/clvresults.json',
root: 'rows',
fields: ['id',{name: 'gdate', type: 'date', dateFormat : 'c'},'url']
});
store.load();

var listView = new Ext.list.ListView({
tpl : new Ext.XTemplate('<tpl for="rows">',
'<dl class="x-grid3-row {[xindex % 2 === 0 ? "" : "x-grid3-row-alt"]}">',
'<tpl for="parent.columns">',
'<dt style="width:{[values.width*100]}%;text-align:{align};">',
'<em unselectable="on"<tpl if="cls"> class="{cls}"</tpl>>{[values.tpl.apply(parent)]}',
'</em></dt></tpl><div class="x-clear"></div></dl></tpl>'
),
store: store,
multiSelect: true,
emptyText: 'No results to display',
reserveScrollOffset: true,
columns: [
{
dataIndex : 'gdate',
xtype: 'datecolumn',
format: 'D M d Y, G:i T'
//header:'' Removed, still the gray bar without text appears as header
}]
});


I tried the forum, but could not get any ideas. Please let me know on how to achieve this.

Regards,
Suresh

msuresh
27 Dec 2010, 3:39 AM
Sorry guys, the below code worked.
I got this answer from suggestions when I posted my Question. It will be nice if the suggestions are given before posting thread.


hideHeaders:true