ant design pro 更改表格自带的分页

这篇博客介绍了如何在前端开发中利用pagination配置项实现表格数据的分页展示。通过设置`showQuickJumper`为true,允许用户直接输入页码跳转,`showTotal`函数用于显示总数据数量。当输入页码超出范围时,会自动跳转到最后一页,输入0则跳转到第一页。这个功能对于大数据量的表格展示非常实用。
摘要由CSDN通过智能技术生成

表格分页

需要用到表格的配置项pagination

pagination={{

showQuickJumper:true,

showTotal:function(total, range){

return(

'共'+total+'条'

)

}

}}

效果: 

这样可以选择跳转到某个页面,如果如数的数值大于最后一页,那么将跳转到最后一页,如果输入的数值为0,那么会跳转到第一页

showQuickJumper:true可以显示通过输入数字来跳转页面,

showTotal显示一共多少条数据

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值