Package Exports
- rc-pagination
- rc-pagination/assets/index.css
- rc-pagination/lib/locale/de_DE
- rc-pagination/lib/locale/en_US
- rc-pagination/lib/locale/fr_BE
- rc-pagination/lib/locale/nl_NL
- rc-pagination/lib/locale/ru_RU
- rc-pagination/lib/locale/sv_SE
- rc-pagination/lib/locale/zh_CN
- rc-pagination/lib/locale/zh_CN.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-pagination) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rc-pagination
React Pagination Component
Development
npm install
npm start
Example
http://localhost:3000/examples/
online example: http://react-component.github.io/pagination/examples/
Feature
- support ie8,ie8+,chrome,firefox,safari
Keyboard
install
Usage
var Pagination = require('rc-pagination');
var React = require('react');
React.render(<Pagination />, container);
API
props
Pagination
Parameter | Description | Type | Default |
---|---|---|---|
defaultCurrent | uncontrolled current page | Number | 1 |
current | current page | Number | undefined |
total | items total count | Number | 0 |
defaultPageSize | default items per page | Number | 10 |
pageSize | items per page | Number | 10 |
onChange | page change callback | Function([changedTo]) | - |
showSizeChanger | show pageSize changer | Bool | false |
pageSizeOptions | specify the sizeChanger selections | Array |
['10', '20', '30', '40'] |
onShowSizeChange | pageSize change callback | Function(current page, size) | - |
showQuickJumper | show quick goto jumper | Bool | false |
showTotal | show total records and range | Function(total, [from, to]) | - |
className | className of pagination | String | - |
simple | when set, show simple pager | Object | null |
locale | to set l10n config | Object | zh_CN |
style | the style of pagination | Object | {} |
Test Case
http://localhost:3000/tests/runner.html?coverage
Coverage
http://localhost:3000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:3000/tests/runner.html?coverage
License
rc-pagination is released under the MIT license.