0.8.5 • Published 2 years ago
uxcore-pagination v0.8.5
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 |
0.8.5
2 years ago
0.8.4
2 years ago
0.8.3
5 years ago
0.7.10
6 years ago
0.8.2
6 years ago
0.7.9
6 years ago
0.8.1
6 years ago
0.8.0
6 years ago
0.7.8
6 years ago
0.7.7
6 years ago
0.7.6
7 years ago
0.7.5
7 years ago
0.7.4
7 years ago
0.7.3
7 years ago
0.7.2
7 years ago
0.7.1
7 years ago
0.6.5
7 years ago
0.7.0
7 years ago
0.6.4
7 years ago
0.6.3
8 years ago
0.6.2
8 years ago
0.6.1
8 years ago
0.6.0
8 years ago
0.5.2
8 years ago
0.5.1
8 years ago
0.5.0
8 years ago
0.4.1
8 years ago
0.4.0
8 years ago
0.3.1
8 years ago
0.3.0
9 years ago
0.2.4
9 years ago
0.2.3
9 years ago
0.2.2
9 years ago
0.2.1
9 years ago
0.2.0
9 years ago
0.1.10
9 years ago
0.1.9
9 years ago
0.1.8
10 years ago
0.1.7
10 years ago
0.1.6
10 years ago
0.1.5
10 years ago
0.1.4
10 years ago
0.1.3
10 years ago
0.1.2
10 years ago
0.1.1
10 years ago
0.1.0
10 years ago