组件默认效果:
期望效果:
代码:
<Pagination
className='list-pager'
pageSize={10}
current={params?.pageNo}
responsive
total={listData?.totalItem}
showSizeChanger={false}
showQuickJumper={{ goButton: <Button className='go-page'>确定</Button> }}
locale={{
jump_to: '到第',
page: '页',
}}
onChange={(pageNo) => pagerChange(pageNo)}
/>
重点配置:
locale={{ jump_to: '到第', page: '页', }}
//自定义文案
showQuickJumper={{ goButton: <Button className='go-page'>确定</Button> }}
//自定义按钮