Pagination 分页
当数据量较多一屏展示不下时,可使用分页快速进行数据切换。 API文档 组件问题反馈和讨论使用方法
- 用户知悉页面总量,支持在当页或其他页面进行进一步操作。
基础样式 #
最基本的分页样式,当分页小于7页时,全部展示<code>
更多分页 #
当分页大于6页时,部分页码隐藏<code>
可选择每页数量 #
可以选择每页显示列表数量<code>
可跳转至某页 #
出现跳转输入框,输入页数按下enter键即可跳转到相对应的页数<code>
显示总数 #
可选择是否显示总数<code>
MINI页码 #
去除了翻页按钮边框的简洁型翻页。<code>
参数配置 #
属性
|
类型(是否必要)
|
描述
|
---|
current
|
Number(选填)
|
当前页码
|
pageSize
|
Number(选填)
|
每页条数默认10条
|
total
|
Number(必填)
|
总条数
|
pageSizeOptions
|
Array(选填)
|
下拉条数数组[10, 20, 50, 100]
|
showPageSize
|
Boolean(选填)
|
是否显示分页切换,默认false
|
showTotal
|
Boolean(选填)
|
是否显示总条数,默认false
|
showTotalPage
|
Boolean(选填)
|
是否显示总页数,默认false
|
showJump
|
Boolean(选填)
|
是否显示跳转框,默认false
|
onChange
|
Function(选填)
|
分页点击回调函数
|
onShowSizeChange
|
Function(选填)
|
每页下拉回调函数
|
type
|
String(选填)
|
分页类型默认complete,可选mini
|
errNotice
|
String(选填)
|
错误提示文案
|
language
|
Object(选填)
|
多语言
|
showTextBtn
|
Boolean(选填)
|
是否使用文字替换上下页箭头
|
showInfo
|
Boolean(选填)
|
是否显示分页信息(待更新)
|