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

27 Dec 2010, 3:31 AM
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']

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.


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.