extjs 用ProphetGrid 实现多层表头

在 ExtJS 中，可以使用 ProphetGrid 控件来实现多层表头。ProphetGrid 是一个基于 Ext.grid.Panel 的扩展组件，支持多级表头、合并单元格、单元格编辑等功能。

使用 ProphetGrid 需要引入 prophet-grid.js 和 prophet-grid.css 文件，并在代码中创建 ProphetGrid 实例。示例代码如下：

Ext.create('Prophet.grid.Panel', {
    columns: [
        {
            text: 'Group 1',
            columns: [
                { text: 'Name', dataIndex: 'name', width: 100 },
                { text: 'Age', dataIndex: 'age', width: 50 }
            ]
        },
        {
            text: 'Group 2',
            columns: [
                { text: 'City', dataIndex: 'city', width: 100 },
                { text: 'Country', dataIndex: 'country', width: 100 }
            ]
        }
    ],
    store: store,
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

其中，ProphetGrid 控件通过 Ext.create 方法创建，配置项包括 columns、store、height、width 等。和 Ext.grid.Panel 类似，ProphetGrid 控件也支持表头列的嵌套关系，并且可以通过 columns 属性实现。需要注意的是，ProphetGrid 控件的 columns 属性是一个数组，每个元素都是一个包含 text 和 columns 两个属性的对象，其中 columns 属性是另一个数组，包含子表头列的配置项。

ProphetGrid 控件还支持合并单元格和单元格编辑等高级功能，可以根据实际需求进行配置。