antd 分页 查询到20条 却不显示切换每页条数的按钮,每页最少展示10条 最多展示300条
时间: 2024-02-19 21:03:40 浏览: 102
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
这个问题可能是因为你的antd分页组件没有设置showSizeChanger属性。你可以在分页组件中添加showSizeChanger属性来显示切换每页条数的按钮,同时还需要设置pageSizeOptions属性来指定每页展示的条数选项。例如,如果你想展示10/20/50条数据,可以设置pageSizeOptions为[10, 20, 50],如下所示:
```
<Pagination
showSizeChanger
pageSizeOptions={['10', '20', '50']}
defaultPageSize={20}
total={200}
/>
```
其中,showSizeChanger属性表示是否显示切换每页条数的按钮,pageSizeOptions属性表示每页展示的条数选项,defaultPageSize属性表示默认每页展示的条数,total属性表示总条数。你可以根据自己的需要进行调整。
阅读全文