extjs 6 网格自定义 header

Question

在我的 ExtJs 6 应用程序中，我有一个网格，我需要在其中创建自定义 header。 header，包括列，应该在列下方有一对额外的行，应该是可扩展的（关闭 on/toggle）

我可以通过 extjs 6 中的机制实现此目的吗？

Answer 1

您可以通过嵌套多列来制作 multi-line header:

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

这些 header 中的任何一个都可以通过派生自现有的 Ext.grid.column.Column 进行修改。重写的 class 的 renderTpl 属性可以采用自定义 XTemplate。不确定 "expandable" 到底是什么意思，但不管它是什么，well-crafted XTemplate 都能处理它。

extjs 6 网格自定义 header

extjs 6 grid custom header

extjs

extjs6