Wondering what’s next for npm?Check out our public roadmap! »

    uxcore-pagination

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

    32

    Version

    0.8.3

    License

    MIT

    Unpacked Size

    70.7 kB

    Total Files

    28

    Last publish

    Collaborators

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