Pagination
Paging navigation, used to assist long lists to load only part of the data, you can quickly switch to the specified data page.
<Pagination>
Usage
import { Pagination } from 'rsuite';Examples
Default
Size
Disabled
Advanced
Props
<Pagination>
| Property | Type (Default) |
Description |
|---|---|---|
| activePage * | number (1) |
Current page number |
| boundaryLinks | boolean | Show border paging buttons 1 and pages |
| buttonComponentClass | React.ElementType (SafeAnchor) |
Customizes the element type for the component |
| classPrefix | string ('pagination') |
The prefix of the component CSS class |
| disabled | boolean , (eventKey: any) => boolean | Disabled component |
| ellipsis | boolean | Displays the ellipsis |
| first | boolean | Displays the first page |
| last | boolean | Displays the last page |
| maxButtons | number (0) |
Page buttons display the maximum number of |
| next | boolean | Displays the next page |
| pages * | number (1) |
Pages |
| prev | boolean | Displays the previous page |