 |
 |
 |
 |
 |
|---|---|---|---|---|
| IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
xy-pagination
分页组件
安装
# yarn
yarn add xy-pagination使用例子
import React from "react";
import ReactDOM from "react-dom";
import Pagination from "xy-pagination";
ReactDOM.render(<Pagination total={50} />, container);API
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| current | 当前页数 | number | 1 |
| defaultCurrent | 默认当前页数 | number | 1 |
| onChange | 页码改变事件 | (page: number, pageSize: number) => void | - |
| pageSize | 每页条数 | number | 10 |
| defaultPageSize | 默认每页条数 | number | 10 |
| onPageSizeChange | 每页条数改变 | (pageSize: number) => void | - |
| pageSizeOptions | 每页可以显示多少条 | number[] | [10, 20, 30, 40, 50] |
| total | 总页数 | number | 0 |
| showQuickJumper | 显示快速跳转输入框 | boolean | false |
| showSizeChanger | 显示更改每页条数下拉列表 | boolean | false |
| simple | 是否精简模式 | boolean | false |
| itemRender | 自定义渲染 | (current: number, page: PageItemType, originalElement: React.ReactNode) => React.ReactNode | - |
开发
yarn run start例子
测试
yarn run test
开源许可
xy-pagination is released under the MIT license.
