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 | 显示上一页 |