如何将网格列分成不同的行答案

【问题标题】：How to divide grid column into different rows如何将网格列分成不同的行
【发布时间】：2019-09-03 22:00:28
【问题描述】：

我正在研究一个 extJS 网格，它具有单行值。当我看到单行值时，我想将网格列分为两部分。以这张图片为例，但我不确定如何将网格列分成两部分。谁能帮我解决这个问题。

示例代码：

columns: [
        { text: 'Col1', dataIndex: 'Val1'},
        { text: 'Col2', dataIndex: 'Val2'},
        { text: 'Col3', dataIndex: 'Val3'},
        { text: 'Col4', dataIndex: 'Val4'},
        { text: 'Col5', dataIndex: 'Val5'},
        { text: 'Col6', dataIndex: 'Val6'}
    ],

【问题讨论】：

标签： javascript extjs extjs6

【解决方案1】：

Ext JS网格中的colspan需要在columns数组内部创建一个columns数组，下面是可以使用的sn-p。

 columns: [
    { 
        text: 'Col1',
        columns: [{
              text: "Value 1",
              columnName: "Column 2",
              dataIndex: 'Val1',

          }, {
              text: "Value 2",
              columnName: "Column 2",
              dataIndex: 'Val2',

        }]
    },
    { text: 'Col2', dataIndex: 'Val2'},
    { text: 'Col3', dataIndex: 'Val3'},
    { text: 'Col4', dataIndex: 'Val4'}
 ]

你可以找到工作小提琴here

【讨论】：