RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including uxcore-pagination with all npm packages installed. Try it out:

var uxcorePagination = require("uxcore-pagination")

all documents on RunKit are public
require() any package directly from npm
use arrow functions, classes, template strings, and most of ES6
await any promise instead of using callbacks (example)
create your own embedded node.js snippets

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

uxcore-pagination v0.7.6

pagination ui component for react

Overview Browse Files

uxcore-pagination

pagination ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-pagination
$ cd uxcore-pagination
$ npm install
$ npm start

Usage

var Pagination = require('uxcore-pagination');
React.render(
    <Pagination onChange={onChange} total={50} />, document.getElementById('target'));

demo

http://uxcore.github.io/uxcore/components/pagination/

API

Props

参数	说明	类型	默认值
locale	语言(zh-cn/en-us)	string	zh-cn
current	当前页数	number	1
total	数据总数	number/jsx	0
pageSize	每页条数	number	10
onChange	页码改变的回调，参数是改变后的页码	function	noop
showTotal	是否显示共多少条	boolean	false
showQuickJumper	是否可以快速跳转至某页	bool	false
showSizeChanger	是否可以改变 pageSize	bool	false
sizeOptions	sizeChanger 显示的可选 pageSize	array	[10, 20, 30, 40]
onShowSizeChange	pageSize 变化的回调	function	noop
className	当为「mini」时，是小尺寸分页	string
simple	当添加该属性时，显示为简单分页	object	无
getSelectPopupContainer	指定下拉选择框渲染的容器	function():HTML Element	插在 body 下的一个 div

Metadata

package on npmhttps://npmjs.com/package/uxcore-pagination
licenseMIT