Pagination 分页
分页导航,用于辅助长列表只加载部分数据,可以快速切换到指定数据页。
<Pagination> 分页组件
获取组件
import { Pagination } from 'rsuite';演示
默认
尺寸
禁用
更多设置
Props
<Pagination>
| 属性名称 | 类型 (默认值) |
描述 |
|---|---|---|
| activePage * | number (1) |
当前页码 |
| boundaryLinks | boolean | 显示边界分页按钮 1 和 pages |
| buttonComponentClass | React.ElementType (SafeAnchor) |
为组件自定义元素类型 |
| classPrefix | string ('pagination') |
组件 CSS 类的前缀 |
| disabled | boolean , (eventKey: any) => boolean | 禁用分页 |
| ellipsis | boolean | 显示省略符 |
| first | boolean | 显示第一页 |
| last | boolean | 显示最后一页 |
| maxButtons | number (0) |
分页按钮最多显示数 |
| next | boolean | 显示下一页 |
| pages * | number (1) |
页数 |
| prev | boolean | 显示上一页 |