| | | | | | | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | 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

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-pagination is released under the MIT license.