crehana-pagination

Crehana rc-pagination

React Pagination Component
!NPM versionnpm-imagenpm-url !build statustravis-imagetravis-url !Test coveragecoveralls-imagecoveralls-url !gemnasium depsgemnasium-imagegemnasium-url !node versionnode-imagenode-url !npm downloaddownload-imagedownload-url

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 | noop | | showSizeChanger | show pageSize changer | Bool | false | | pageSizeOptions | specify the sizeChanger selections | Array | '10', '20', '30', '40' | | onShowSizeChange | pageSize chagne callback | Function | noop | | showQuickJumper | show quick goto jumper | Bool | false | | showTotal | show total records text | Function(total, range) | - | | className | className of pagination | String | - | | simple | when set, show simple pager | Object | null | | locale | to set l10n config | Object | zhCN | | style | the style of pagination | Object | {} |

Test Case

http://localhost:3000/tests/runner.html?coverage

Coverage

http://localhost:3000/nodemodules/rc-server/nodemodules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:3000/tests/runner.html?coverage

License

rc-pagination is released under the MIT license.