extjs 6 Raster benutzerdefinierte Header

Question

In meiner ExtJs 6 App habe ich ein Raster, in dem ich einen benutzerdefinierten Header erstellen muss. Der Header, einschließlich der Spalte, sollte unter den Spalten ein zusätzliches Paar von Zeilen haben, die erweiterbar sein sollten (ein-/ausschalten)

Gibt es einen Mechanismus in extjs 6, mit dem ich das erreichen kann?

Answer 1

Sie können durch Verschachtelung mehrere Spalten eine mehrzeilige Header machen:

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

jeder dieser Header, die Sie durch Ableitung aus einem bestehenden Ext.grid.column.Column ändern können. Die renderTpl Eigenschaft der überschriebenen Klasse kann eine benutzerdefinierte XTemplate nehmen. Nicht sicher, was genau du mit "erweiterbar" meinst, aber was auch immer es ist, ein gut gearbeiteter XTemplate wird in der Lage sein, damit umzugehen.