Сокрытие Заголовка столбца Сетки ExtJS
Я понимаю, что могу скрыть заголовок столбца сетки с помощью кода.
#gridid .x-grid3-hd-row { display:none; }
Но я не хочу использовать любое изменение CSS. Как сделать то же использование JavaScript?
1 ответ
Вы можете установить опцию конфигурации hideHeaders для GridPanel на true. Или вы имеете в виду после рендеринга сетки?
Edited: Если вы хотите изменить (или отключить) способ создания заголовка, вы также можете переопределить renderHeaders или updateHeaders из GridView. Другим способом может быть передача опции templates в GridView, при этом значение заголовка header будет установлено в пустой шаблон вместо значения по умолчанию:
ts.header = new Ext.Template(
'',
'{cells}',
'
'
);
Хотя реализация по умолчанию записывает заголовок в это. innerHd, и innerHd определяется как this.mainHd.dom.firstChild, и this.mainHd устанавливается как скрытый, если установлена опция hideHeaders. Поэтому я ожидаю, что эта опция повлияет и на заголовки столбцов.
Редактирование: О какой версии ExtJS идет речь? Я посмотрел на текущий источник , который, наверное, 3.1.