Pagination
When to use
- When there is a large amount of content to display that requires pagination loading;
Component Example
Component Properties
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
current | Current page number | number | 1 |
hideOnlyOnePage | When the number of pages is 1, whether to hide the pagination | boolean | false |
onChange | When page number changes | (currentPagination: number) => void | - |
onPageSizeChange | When per page count changes | (pageSize: number) => void | - |
pageSize | Number of items per page | number | 10 |
pageSizeList | Per page display selector available values | string | '5,10,20' |
pageSizePosition | Position of per page display selector in component | 'start' | 'end' | 'end' |
pageSizeSelector | Per page display selector type | false | 'filter' | 'dropdown' | false |
shape | Previous/next button style | 'normal' | 'arrow-only' | 'arrow-prev-only' | 'no-border' | 'normal' |
showJump | Show jump input box and button, works when type is normal and page count exceeds 5 pages | boolean | true |
size | Pagination size | 'small' | 'medium' | 'large' | 'medium' |
total | Total record count | number | - |
type | Pagination type | 'normal' | 'simple' | 'mini' | 'normal' |