extjs 6网格自定义头

extjs 6网格自定义头,extjs,extjs6,Extjs,Extjs6,在我的ExtJS6应用程序中,我有一个网格,需要在其中创建一个自定义头。标题(包括列)下应有一对额外的行,这些行应可展开(打开/关闭切换) extjs 6中是否有一种机制可以实现这一点?您可以通过嵌套多个列来创建多行标题: columns:[{ text:'Top header', columns:[{ text:'Middle header', columns:[{ text:'Inner header'

在我的ExtJS6应用程序中,我有一个网格,需要在其中创建一个自定义头。标题(包括列)下应有一对额外的行,这些行应可展开(打开/关闭切换)


extjs 6中是否有一种机制可以实现这一点?

您可以通过嵌套多个列来创建多行标题:

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

您可以通过从现有的
Ext.grid.column.column
派生来修改这些标题中的任何一个。重写类的
renderTpl
属性可以采用自定义
XTemplate
。不确定“expandable”的确切含义,但不管它是什么,精心制作的
XTemplate
都可以处理它。

举个例子,在本例中,我的意思是当您单击切换按钮时,本例中的嵌套列应该展开/折叠。谢谢,我会从这里开始,因为这是一个很好的起点