隐藏ExtJS网格列标题

Question

我知道我可以使用代码隐藏网格列标题.

#gridid .x-grid3-hd-row { display:none; }

但我不想使用任何CSS更改.如何使用JavaScript做同样的事情？

Answer 1

你可以通过这种方式将它添加到Ext.grid.GridPanel来轻松完成:

hideHeaders: true

Answer 2

您可以设置to 的hideHeaders配置选项GridPaneltrue.或者你的意思是在渲染网格后？

已编辑:如果要更改(或禁用)标题的创建方式,您也可以覆盖renderHeaders或updateHeaders来自GridView.另一种方法可能是将templates选项传递给GridView,将header值设置为空模板而不是默认值:

ts.header = new Ext.Template(
    '',
    '{cells}',
    '
'
);

虽然默认实现将标头写入this.innerHd,并innerHd定义为this.mainHd.dom.firstChild,this.mainHd如果设置了hideHeaders选项,则设置为隐藏.所以我希望该选项也会影响列标题.

编辑:我们在谈论什么版本的ExtJS？我查看了当前的来源,我猜是3.1.

Answer 3

只需添加hideHeaders: true到您的网格.它应该工作