antd table 如何分割单元格

Antd Table 组件提供了一个 colSpan 属性来设置单元格的合并数量，用于分割单元格。

以下是一个示例：

import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'Mike',
    age: 32,
    address: '10 Downing Street'
  },
  {
    key: '2',
    name: 'John',
    age: 42,
    address: '10 Downing Street'
  },
  {
    key: '3',
    name: 'Jane',
    age: 28,
    address: '10 Downing Street'
  }
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    colSpan: 2, // 设置合并数量
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
    colSpan: 0, // 不合并单元格
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
    colSpan: 0, // 不合并单元格
  },
];

function App() {
  return (
    <Table dataSource={dataSource} columns={columns} />
  );
}

export default App;

在上面的例子中，我们设置了 Name 列的 colSpan 属性为 2，表示该列需要合并两个单元格。而 Age 和 Address 列的 colSpan 属性都为 0，表示不需要合并单元格。

运行上面的代码，可以看到 Name 列的单元格被分割了