extjs 6 grid custom header

Question

В моем приложении ExtJs 6 у меня есть сетка, в которой мне нужно создать настраиваемый заголовок. Заголовок, в том числе столбец, должен иметь под столбцами дополнительную пару строк, которые должны быть расширенными (включить/выключить)

Есть ли механизм в extjs 6, которым я могу это достичь?

Answer 1

Вы можете сделать заголовок из нескольких строк, вкладывая несколько столбцов:

columns:[{ 
    text:'Top header', 
    columns:[{ 
     text:'Middle header', 
     columns:[{ 
      text:'Inner header' 
     }] 

Любой из этих заголовков можно изменять путем вывода из существующего Ext.grid.column.Column. Свойство renderTpl переопределенного класса может принимать пользовательские XTemplate. Не уверен, что именно вы имеете в виду с «расширяемым», но что бы это ни было, хорошо обработанный XTemplate сможет справиться с этим.