@trendmicro/react-paginations
Trend Micro Components: React Paginations
Last updated 2 years ago by cheton .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @trendmicro/react-paginations 
SYNC missed versions from official npm registry.

react-paginations build status Coverage Status

NPM

React Paginations

Demo: https://trendmicro-frontend.github.io/react-paginations

Installation

  1. Install the latest version of react and react-paginations:
npm install --save react @trendmicro/react-paginations
  1. At this point you can import @trendmicro/react-paginations and its styles in your application as follows:
import { TablePagination } from '@trendmicro/react-paginations';

// Be sure to include styles at some point, probably during your bootstraping
import '@trendmicro/react-paginations/dist/react-paginations.css';

Usage

TablePagination

<TablePagination
    type="full"
    page={this.state.page}
    pageLength={this.state.pageLength}
    totalRecords={this.state.totalRecords}
    onPageChange={({ page, pageLength }) => {
        this.setState({ page, pageLength })
    }}
    prevPageRenderer={() => <i className="fa fa-angle-left" />}
    nextPageRenderer={() => <i className="fa fa-angle-right" />}
/>

API

Properties

TablePagination

Name Type Default Description
type String 'full' 'full', 'reduced', or 'minor'
page Number 1
pageLength Number 10
pageLengthMenu Array [10, 25, 50, 100]
dropup Boolean false The menu will open above the dropdown toggle, instead of below it.
totalRecords Number 0
onPageChange Function
prevPageRenderer Function
nextPageRenderer Function
pageRecordsRenderer Function({ totalRecords, from, to })
pageLengthRenderer Function({ pageLength })

License

MIT

Current Tags

  • 0.6.1                                ...           latest (2 years ago)

16 Versions

  • 0.6.1                                ...           2 years ago
  • 0.6.0                                ...           2 years ago
  • 0.5.13                                ...           2 years ago
  • 0.5.12                                ...           2 years ago
  • 0.5.11                                ...           2 years ago
  • 0.5.10                                ...           2 years ago
  • 0.5.9                                ...           2 years ago
  • 0.5.8                                ...           2 years ago
  • 0.5.7                                ...           2 years ago
  • 0.5.6                                ...           2 years ago
  • 0.5.5                                ...           2 years ago
  • 0.5.4                                ...           2 years ago
  • 0.5.3                                ...           2 years ago
  • 0.5.2                                ...           2 years ago
  • 0.5.1                                ...           3 years ago
  • 0.5.0                                ...           3 years ago
Downloads
Today 6
This Week 12
This Month 20
Last Day 4
Last Week 8
Last Month 16
Dependencies (3)
Dev Dependencies (37)

Copyright 2014 - 2017 © taobao.org |