antd表格的pagination如何使用

在 Ant Design (antd) 的表格 (`Table`) 中，`pagination` 部分为表格提供分页功能。以下是使用的基本步骤：

1. 引入组件：

   import { Table, Pagination } from 'antd';

2. 设置数据源和列配置：

   const dataSource = [...]; // 你的数据数组
   const columns = [...]; // 你的列配置

3. 在表格组件上添加 `pagination` 属性：

   <Table
     columns={columns}
     dataSource={dataSource}
     pagination={{
       // 分页配置
       current: 1, // 初始页码，默认为第一页
       total: dataSource.length, // 总记录数
       pageSize: 10, // 每页记录数
       pageSizeOptions: ['10', '20', '50'], // 可选的每页大小
       onChange: (current) => { // 当页码变化时的回调
         console.log('Current page changed to:', current);
       },
     }}
   />

4. `pagination` 的配置项解释：
- `current`: 当前页码
- `total`: 总记录数
- `pageSize`: 每页记录数
- `pageSizeOptions`: 提供的每页大小选项
- `onChange`: 回调函数，在用户点击分页控件时执行，会传递新的页码作为参数

当你运行这个组件，用户就可以通过分页栏浏览数据了。