Pagination 分页

当数据量过多时,使用分页分解数据。

基础用法

Pagination 分页 - 图1

小型分页

在空间有限的情况下,可以使用简单的小型分页。

Pagination 分页 - 图2

附加功能

根据场景需要,可以添加其他功能模块。

Pagination 分页 - 图3

Attributes

参数说明类型可选值默认值
small是否使用小型分页样式Booleanfalse
pageSize每页显示条目个数Number10
total总条目数Number-
pageCount总页数,total 和 pageCount 设置任意一个就可以达到显示页码的功能;如果要支持 pageSizes 的更改,则需要使用 total 属性Number-
currentPage当前页数Number1
layout组件布局,子组件名用逗号分隔Stringsizes, prev, pager, next, jumper, ->, total'prev, pager, next, jumper, ->, total'
pageSizes每页显示个数选择器的选项设置Number[][10, 20, 30, 40, 50, 100]

Events

事件名称说明回调参数
onSizeChangepageSize 改变时会触发每页条数size
onCurrentChangecurrentPage 改变时会触发当前页currentPage