1.0.3 • Published 6 years ago

rc-pagination-enhance v1.0.3

Weekly downloads
8
License
MIT
Repository
github
Last release
6 years ago

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.

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

Install

rc-pagination-enhance

Usage

var Pagination = require('rc-pagination-enhance');
var React = require('react');
React.render(<Pagination />, container);

API

ParameterDescriptionTypeDefault
defaultCurrentuncontrolled current pageNumber1
currentcurrent pageNumberundefined
totalitems total countNumber0
defaultPageSizedefault items per pageNumber10
pageSizeitems per pageNumber10
onChangepage change callbackFunction(current, pageSize)-
showSizeChangershow pageSize changerBoolfalse
pageSizeOptionsspecify the sizeChanger selectionsArray'10', '20', '30', '40'
onShowSizeChangepageSize change callbackFunction(current, size)-
showQuickJumpershow quick goto jumperBool / Objectfalse / {goButton: true}
showJumpNextshow next jumperBooltrue
showTotalshow total records and rangeFunction(total, from, to)-
classNameclassName of paginationString-
simplewhen set, show simple pagerObjectnull
localeto set l10n configObjectzh_CN
stylethe style of paginationObject{}
showLessItemsshow less page itemsBoolfalse
pageBufferSizeset page itemsNumber-
showTitleshow page items titleBooltrue
itemRendercustom page item rendererFunction(current, type: 'page''prev'

License

rc-pagination-enhance is released under the MIT license.