跳到主要内容

Pagination 翻页器

何时使用

  • 在有大量内容展现需要进行分页加载处理的时候;

组件示例

## 组件属性
属性说明类型默认值
current

当前页码

number

1

hideOnlyOnePage

当分页数为 1 时,是否隐藏分页器

boolean

false

onChange

当页码改变时

(currentPagination: number) => void

-
onPageSizeChange

当每页数量改变时

(pageSize: number) => void

-
pageSize

每页展示条数

number

10

pageSizeList

每页显示选择器可选值

string

'5,10,20'

pageSizePosition

每页显示选择器在组件中的位置

'start' | 'end'

'end'

pageSizeSelector

每页显示选择器类型

false | 'filter' | 'dropdown'

false

shape

前进后退按钮样式

'normal' | 'arrow-only' | 'arrow-prev-only' | 'no-border'

'normal'

showJump

显示跳转输入框与按钮,当type为normal时,且在页码数超过5页后起作用

boolean

true

size

分页尺寸

'small' | 'medium' | 'large'

'medium'

total

总记录数

number

-
type

分页类型

'normal' | 'simple' | 'mini'

'normal'

Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4