x-paging v2.0.3

x-paging

react分页组件x-paging，它依赖于x-input组件，主要是页码限定为正整数.

npm

npm install --save x-paging

效果图

使用方式

  callback(v) {
    console.log('当前页码：',v)
  }
  render() {
    return (
      <div>
       <Paging total="60" pagesize="5" current="1" callback={this.callback.bind(this)}/>
      </div>
    )
  }

API

total

总条数

pagesize

每一页条数

current

当前页码，默认为1

callback

翻页时的回调方法

local

国际化语言包

pageSizeOptions :10,20,30

每页条数选择器，空数组时不展示,默认不展示

关于作者

https://github.com/tianxiangbing

组件github地址

https://github.com/react-xui/x-paging

xui

react xui组件一直在持续更新中，欢迎大家关注https://github.com/react-xui