JSPM

  • Created
  • Published
  • Downloads 1749518
  • Score
    100M100P100Q198773F

pagination ui component for react

Package Exports

  • rc-pagination
  • rc-pagination/assets/index.css
  • rc-pagination/lib/locale/en_US
  • rc-pagination/lib/locale/fr_BE
  • 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

NPM version build status Test coverage gemnasium deps node version npm download

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

rc-pagination

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.