MergeCellTable

简介：合并单元格 Table

合并单元格的 Table

表格中需要合并单元格的数据，原始形态大多数为以下两种：

const dataSource = [
  { id: '1', name: 'xx', group: 'a' },
  { id: '2', name: 'xx', group: 'a' },
  { id: '3', name: 'xx', group: 'a' },
  { id: '4', name: 'xx', group: 'b' },
  { id: '5', name: 'xx', group: 'b' },
];

const dataSource = [
  {
    group: 'a',
    children: [
      { id: '1', name: 'xx' },
      { id: '2', name: 'xx' },
      { id: '3', name: 'xx' },
    ],
  },
  {
    group: 'b',
    children: [
      { id: '4', name: 'xx' },
      { id: '5', name: 'xx' },
    ],
  },
];

为了实现合并单元格, 需要对上述数据源做转换, 拉平数据并添加groupCount groupIndex，并且保证同一分组排在相邻的位置上。

• groupCount为当数据所在分组的数据总数
• groupIndex为当前数据在分组内的排序

转换后的数据格式为：

[
  { "id": "1", "name": "xx", "group": "a", "groupCount": 3, "groupIndex": 0 },
  { "id": "2", "name": "xx", "group": "a", "groupCount": 3, "groupIndex": 1 },
  { "id": "3", "name": "xx", "group": "a", "groupCount": 3, "groupIndex": 2 },
  { "id": "4", "name": "xx", "group": "b", "groupCount": 2, "groupIndex": 0 },
  { "id": "5", "name": "xx", "group": "b", "groupCount": 2, "groupIndex": 1 }
]