antd的Table分页

Antd的Table组件提供了Pagination分页组件来进行分页。在Table组件中，需要设置pagination属性为一个对象，该对象中包含一些属性用于配置分页。例如：

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'
  }
];

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

const pagination = {
  current: 1,
  pageSize: 10,
  total: 50
};

const TableWithPagination = () => (
  <Table dataSource={dataSource} columns={columns} pagination={pagination} />
);

上面的代码中，pagination对象中的current属性表示当前页码，pageSize属性表示每页显示的数据数量，total属性表示总共有多少条数据。当数据量较大时，Antd的Pagination也提供了一些可选的属性，如showQuickJumper和showSizeChanger，分别用于快速跳转到某一页和调整每页显示的数据量。