ddcat1115
8 years ago
committed by
Benjy Cui
10 changed files with 114 additions and 16 deletions
@ -0,0 +1,34 @@ |
|||
--- |
|||
category: Components |
|||
type: Navigation |
|||
title: Pagination |
|||
--- |
|||
|
|||
A long list can be divided into several pages by `Pagination`, and only one page will be loaded at a time. |
|||
|
|||
## When to use |
|||
|
|||
- When it will take a long time to load/render all items. |
|||
- If you want to browse the data by switching in the pages. |
|||
|
|||
## API |
|||
|
|||
```html |
|||
<Pagination onChange={onChange} total={50} /> |
|||
``` |
|||
|
|||
Property | Description | Type | Default |
|||
-----|-----|-----|------ |
|||
current | current page number | Number | - |
|||
defaultCurrent | default current page number | Number | 1 |
|||
total | total number of data | Number | 0 |
|||
defaultPageSize | default number of data per page | Number | 10 |
|||
pageSize | number of data per page | Number | - |
|||
onChange | a callback function, can be executed when the page number is changing, and it takes the resulting page number as an argument | Function | noop |
|||
showSizeChanger | determine whether `pageSize` can be changed | Boolean | false |
|||
pageSizeOptions | specify the sizeChanger selections | Array | ['10', '20', '30', '40'] |
|||
onShowSizeChange | a callback function, can be executed when `pageSize` is changing | Function | noop |
|||
showQuickJumper | determine whether you can jump to a page directly | Boolean | false |
|||
size | specify the size of `Pagination`, can be set to `small` | String | "" |
|||
simple | whether to use simple mode | Object | - |
|||
showTotal | to custom the total number display | Function | - |
Loading…
Reference in new issue