当Antd分页的大小没有设置为10的倍数时,"pageSize / pageSize"不显示的原因是Antd的分页组件默认会根据pageSize的值来计算页码数量,如果pageSize不是10的倍数,会导致计算出的页码数量不准确,从而导致"pageSize / pageSize"不显示。
解决这个问题的方法是,可以通过设置showSizeChanger属性为true,允许用户自定义每页显示的数量,并且将pageSizeOptions属性设置为一个包含所有希望显示的页码数量的数组。这样用户就可以选择任意数量的页码,而不仅限于10的倍数。
示例代码如下:
import { Pagination } from 'antd';
function App() {
return (
<Pagination
showSizeChanger
pageSizeOptions={['5', '10', '15', '20']}
defaultPageSize={10}
total={50}
/>
);
}
export default App;
在上述示例代码中,我们设置了showSizeChanger为true,允许用户自定义每页显示的数量。同时,通过pageSizeOptions属性设置了一个包含5、10、15、20的数组,表示用户可以选择这些页码数量。defaultPageSize属性设置了默认的每页显示数量为10,total属性设置了总共的数据条数为50。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云