Negligible Psychological Misery
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

uxcore-pagination

0.7.6 • 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
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

26

version

0.7.6

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability