Pagination 分页
当数据量过多时,使用分页分解数据。
基础用法
基本的分页,页数过多时会自动折叠。
带有背景色的分页
设置background属性可以为分页按钮添加背景色。
小型分页
在空间有限的情况下,可以使用简单的小型分页。设置size为small即可。
显示总数
显示总共多少条数据,传递total,并设置show-total 为true即可。
每页数量
可以切换每页显示的数量。设置show-sizer 为 true
电梯
快速跳转到某一页。设置show-elevator 为 true
完整功能
Attributes
参数 |
说明 |
类型 |
可选值 |
默认值 |
total |
总条目数 |
number |
— |
— |
background |
是否为分页按钮添加背景色 |
boolean |
— |
false |
small |
可选值为small或不填(默认) |
string |
— |
— |
current-page |
当前页数 |
number |
— |
1 |
page-size |
每页显示条目个数 |
number |
— |
10 |
page-size-opts |
每页显示个数选择器的选项设置 |
array |
— |
[10, 20, 30, 40] |
show-total |
显示总数 |
boolean |
— |
false |
show-elevator |
显示电梯,可以快速切换到某一页 |
boolean |
— |
false |
show-sizer |
显示分页,用来改变page-size |
boolean |
— |
false |
Events
事件名称 |
说明 |
回调参数 |
size-change |
pageSize 改变时会触发 |
每页条数 |
current-change |
currentPage 改变时会触发 |
当前页 |