antd Table.ColumnGroup 数据展示

在Ant Design(antd)的Table组件中，`ColumnGroup`是一种特殊的列，用于将一组相关的列组合在一起，并且作为一个单独的组进行显示。这可以帮助组织复杂的表格结构，特别是当数据有深度层次时，如树形数据或者需要分层展示的情况。

`ColumnGroup`通常通过`columns`配置数组内的嵌套结构来创建，其基本语法如下：

import { Table, Column } from 'antd';

const groupedColumns = [
  {
    title: '组1标题',
    children: [
      {
        title: '子列1',
        dataIndex: 'childData1',
      },
      {
        title: '子列2',
        dataIndex: 'childData2',
      },
    ],
  },
  {
    title: '组2标题',
    children: [
      {
        title: '子列3',
        dataIndex: 'childData3',
      },
    ],
  },
];

const normalColumns = [
  {
    title: '正常列',
    dataIndex: 'normalData',
  },
];

<Table columns={[...groupedColumns, ...normalColumns]} />;

在这个例子中，`Table`会首先展示`groupedColumns`里的两个组，每组内部的子列会被合并到一起。`normalColumns`则作为单独的一组展示在最后。