antd的Table组件显示子节点

antd的Table组件默认只显示一层数据，如果需要显示子节点，可以使用antd的Tree Table组件。Tree Table组件可以将数据按照树形结构展示，其中每个节点可以包含一个或多个子节点。可以通过指定`childrenColumnName`属性来定义子节点数据的字段名。以下是一个简单的Tree Table示例代码：

import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'Parent 1',
    children: [
      {
        key: '1-1',
        name: 'Child 1-1',
      },
      {
        key: '1-2',
        name: 'Child 1-2',
      },
    ],
  },
  {
    key: '2',
    name: 'Parent 2',
    children: [
      {
        key: '2-1',
        name: 'Child 2-1',
      },
    ],
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
];

<Table
  dataSource={dataSource}
  columns={columns}
  expandable={{ childrenColumnName: 'children' }}
/>

在上面的代码中，我们将数据源`dataSource`中每个节点的子节点数据字段名设置为`children`，然后通过`expandable`属性将子节点展示出来。具体来说，`expandable`属性接受一个对象，其中`childrenColumnName`属性指定子节点数据的字段名。在这个示例中，我们指定了`childrenColumnName: 'children'`。这样，Table组件就会按照树形结构展示数据，子节点会以缩进的方式显示出来。