extjs 6网格自定义标题

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都能够处理它。