Miss any of our Open RFC calls?Watch the recordings here! »

uxcore-pagination

0.7.10 • Public • Published

uxcore-pagination

pagination ui component for react
NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads Sauce Test Status

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

Install

npm i uxcore-pagination

DownloadsWeekly Downloads

53

Version

0.7.10

License

MIT

Unpacked Size

69.1 kB

Total Files

28

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar