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| |totalSizeOffset|数据总数偏移，会在计算分页时加在total上进行计算，用于占位|number|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|