thereviewindex / pagination

React Pagination

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

Install

Usage

var Pagination = require('rc-pagination');
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 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	{}
showLessItems	show less page items	Bool	false

License

rc-pagination is released under the MIT license.

(Rough) How to use this fork in project

one time

• Fork repo
• git clone locally
• Add "compile": "rc-tools run compile" to package.json
• Run npm install, npm run build, npm start to build lib/build files
• Remove build, lib, dist from .gitignore
• git add and push everything into forked repo
• goto project, add "rc-pagination": "https://github.com/thereviewindex/pagination/tarball/master" to package.json
• npm install

to sync changes to this fork into project

• make changes, 'npm run compile' and push to forked repo (make sure build/lib files, if updated are pushed)
• goto project and remove rc-pagination from node_modules
• add "rc-pagination": "https://github.com/thereviewindex/pagination/tarball/master" to package.json
• npm install

// alternate - push changes with tag. Use tag to pull changes. Look up.