ant design pro表格分页

简介: ant design pro表格分页

需要用到表格的配置项pagination

pagination={{

showQuickJumper:true,

showTotal:function(total, range){

return(

'共'+total+'条'

)

}

}}

效果:

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

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

showTotal显示一共多少条数据

相关文章
|
12月前
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
83 0
|
12月前
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
353 0
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
601 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
8月前
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
53 0
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
672 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
11月前
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
144 0
|
11月前
Ant Design:表格如何使用?
Ant Design:表格如何使用?
|
11月前
|
索引
Ant Design:表格自定义渲染
Ant Design:表格自定义渲染
135 0
|
11月前
Ant Design Pro新增页面步骤
Ant Design Pro新增页面步骤
235 0
|
11月前
Ant Design Pro:页面结构规范
Ant Design Pro:页面结构规范