Скрытие заголовка столбца сетки ExtJS

Question

Насколько я понимаю, я могу скрыть заголовок столбца сетки с помощью кода.

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

Но я не хочу использовать какое-либо изменение CSS. Как сделать то же самое с помощью JavaScript?

Answer 1

вы можете сделать это легко с добавлением это Ext.grid.GridPanel этим способом:

hideHeaders: true 

Answer 2

Вы можете установить hideHeaders configuration option of the GridPanel на номер true. Или вы имеете в виду после рендеринга сетки?

Отредактировано: Если вы хотите изменить (или отключить), каким образом создается заголовок, вы также можете переопределить renderHeaders или updateHeaders от GridView. Другой способ может быть пройти templates вариант к GridView, с набором на header значение для пустого шаблона вместо значения по умолчанию:

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

Хотя реализация по умолчанию записывает заголовок в this.innerHd и innerHd определяется как this.mainHd.dom.firstChild , и this.mainHd установлено в скрытое, если установлено значение hideHeaders. Поэтому я ожидаю, что этот параметр повлияет и на заголовки столбцов.

Отредактировано: Какая версия ExtJS мы говорим? Я посмотрел на the current source, что я, наверное, 3.1.

Answer 3

Вы можете добавить это к вашему определению сетки:

listeners: { 
    render: function(grid) { 
     grid.getView().el.select('.x-grid3-header').setStyle('display', 'none'); 
    } 
}, 

Answer 4

Обычно конец когда вы помещаете свою сетку в панель.

Для меня CSS хаков казалось плохо, и только это работало:

preventHeaders: true 

Смотреть свойство here in the docs.

Answer 5

просто добавить hideHeaders: true к сетке. он должен работать