pro-table自带的分页没有切换每页个数功能,需要自己手动添加。
先在pagination内设置showSizeChanger为true,出现切换每页个数的选择器。
<ProTable
...
pagination={{
...,showSizeChanger: true
}}
/>
之后再给onChange事件添加回调,同时定义一个变量存储当前pageSize,这样就可以了
//当前每页个数,定义一个变量存储当前pageSize
const [currentPageSize, setCurrentPageSize] = useState(10)
<ProTable
...
pagination={{
..., pageSize: currentPageSize, showSizeChanger: true, onChange: (page, pageSize) => setCurrentPageSize(pageSize)
}}
/>```