antd table 本地分页

antd（Ant Design）是一款高质量的React UI框架，其中包含了丰富的组件库。`antd table`是一个常用的表格组件，用于展示数据并进行操作。关于本地分页功能，`antd table`已经内置了该功能。

在antd的表格组件中，你可以通过设置`pagination`属性来实现本地分页。这个属性接受一个对象，该对象包含以下属性：

* `pageSize`：当前页的大小，即每页显示的数据条数。
* `pageSizeOptions`：可选项，一个数组，表示当前可选的所有页面大小。
* `pageList`：当前页码列表。
* `onShowSizeChange`：改变页面大小时触发的事件处理函数。
* `total`：总数据条数。
* `totalPages`：总页数。

下面是一个简单的例子：

import { Table } from 'antd';
import React, { useState } from 'react';

const dataSource = [/* 这里是你的数据源 */];
const columns = [/* 这里是你的列定义 */];

const Demo = () => {
  const [pagination, setPagination] = useState({ pageSize: 5 });

  const handleSizeChange = (newSize) => {
    setPagination({ pageSize: newSize });
  };

  return (
    <Table 
      dataSource={dataSource} 
      columns={columns} 
      pagination={pagination} 
      onChange={handleSizeChange} 
    />
  );
};

在这个例子中，表格默认每页显示5条数据。当用户改变页面大小时，会触发`onChange`事件，并调用`handleSizeChange`函数来更新分页状态。这样，用户就可以通过拖动滑块或者点击数字来改变页面大小，查看不同页的数据了。