Pagination 分页器

将长列表进行分页,每次只加载一个页面的组件。

Pagination

Props

Prop NameTypeRequiredDefaultDescription
current
number
当前页,受控
defaultCurrent
number
1
默认当前页,非受控
total
number
0
总数
showTotal
union
自定义展示 total 值
pageSize
number
每页数量,受控
defaultPageSize
number
10
默认每页数量,非受控
onChange
func
function noop() {}
修改回调
onAdvise
func
修改建议回调,如传入的total为10,当前pageSize为10,当前current却为2时会触发
showSizeChanger
bool
false
显示分页数量调节
showLessItems
bool
false
是否显示3个
onPageSizeChange
func
function noop() {}
分页数量变化回调
showPrevNextJumpers
bool
true
显示更多页面跳转按钮
showQuickJumper
union
false
显示快速跳转,传入goButton显示跳转按钮
showTitle
bool
true
显示按钮的title
pageSizeOptions
arrayOf
分页配置
simple
bool
简易分页
size
enum
'md'
尺寸

说明

这是 Pagination 组件

演示

演示

VIEW CODE ( LIVE )

size - 尺寸

VIEW CODE ( LIVE )

total - 总数量

VIEW CODE ( LIVE )

showTotal - 自定义 total 展示

VIEW CODE ( LIVE )

pageSize - 每页的数量

VIEW CODE ( LIVE )

pageSizeOptions - 页数菜单选项

VIEW CODE ( LIVE )

showLessItems - 只显示少量的按钮

VIEW CODE ( LIVE )

showPrevNextJumpers - 显示更多页面跳转

VIEW CODE ( LIVE )

showQuickJumper - 显示快捷跳转

VIEW CODE ( LIVE )

showSizeChanger - 显示分页调节菜单

VIEW CODE ( LIVE )

showTitle - 显示 title

VIEW CODE ( LIVE )

simple - 简洁模式

VIEW CODE ( LIVE )

uncontrolled

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司