rc-pagination-enhance-enhance
forked from react-component/pagination@1.12.11
New feature
- pageBufferSize:set page items, it's like
showLessItems
, but more freedom - showJumpNext:show next jumper, defaultValue is
true
, Meet the ban on direct jump to the last page needs
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
Install
Usage
var Pagination = require('rc-pagination-enhance');
var React = require('react');
React.render(<Pagination />, container);
API
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(current, pageSize) | - |
showSizeChanger | show pageSize changer | Bool | false |
pageSizeOptions | specify the sizeChanger selections | Array | ['10', '20', '30', '40'] |
onShowSizeChange | pageSize change callback | Function(current, size) | - |
showQuickJumper | show quick goto jumper | Bool / Object | false / {goButton: true} |
showJumpNext | show next jumper | Bool | true |
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 | {} |
showLessItems | show less page items | Bool | false |
pageBufferSize | set page items | Number | - |
showTitle | show page items title | Bool | true |
itemRender | custom page item renderer | Function(current, type: 'page' | 'prev' |
License
rc-pagination-enhance is released under the MIT license.