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

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

表格分页

需要用到表格的配置项pagination

pagination={{

showQuickJumper:true,

showTotal:function(total, range){

return(

'共'+total+'条'

)

}

}}

效果:  

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

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

showTotal显示一共多少条数据

相关文章
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
718 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
67 0
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
100 0
|
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 Pro新增页面步骤
Ant Design Pro新增页面步骤
273 0
Ant Design Pro 修改主题设置
Ant Design Pro 修改主题设置
333 0
|
索引
Ant Design:表格自定义渲染
Ant Design:表格自定义渲染
212 0
Ant Design Pro:页面结构规范
Ant Design Pro:页面结构规范
116 0