如何使用AntDesign的表格组件

要使用AntDesign的表格组件，首先需要确保已经安装了AntDesign的UI库。然后可以通过以下步骤来使用表格组件：

1. 导入所需的组件：

import { Table } from 'antd';

2. 准备数据源：

const dataSource = [
  {
    key: '1',
    name: 'John Doe',
    age: 30,
    address: 'New York City',
  },
  {
    key: '2',
    name: 'Jane Smith',
    age: 25,
    address: 'Los Angeles',
  },
];

3. 设置表格列的配置项：

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

4. 渲染表格组件：

<Table dataSource={dataSource} columns={columns} />

通过以上步骤，即可在页面上渲染一个简单的AntDesign表格组件，显示了准备好的数据源中的内容。可以根据实际需求自定义表格样式、添加操作按钮等功能。AntDesign提供了丰富的API和组件属性，可以根据文档进一步了解如何使用和定制表格组件。