ant design pro表格分页

简介: ant design pro表格分页

需要用到表格的配置项pagination

pagination={{

showQuickJumper:true,

showTotal:function(total, range){

return(

'共'+total+'条'

)

}

}}

效果:

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

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

showTotal显示一共多少条数据

相关文章
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
131 0
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
431 0
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1268 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
718 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
832 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
89 0
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
226 0
Ant Design:表格如何使用?
Ant Design:表格如何使用?
100 0
Ant Design Pro新增页面步骤
Ant Design Pro新增页面步骤
273 0
Ant Design Pro:页面结构规范
Ant Design Pro:页面结构规范
116 0