vhad/react-bootstrap-table2
1
0
Fork 0
mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2025-10-16 11:55:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
3ec849bd94
react-bootstrap-table2/packages/react-bootstrap-table2-paginator
History
AllenFang 3ec849bd94 Publish 
- react-bootstrap-table2-editor@1.0.0
 - react-bootstrap-table2-example@1.0.0
 - react-bootstrap-table2-filter@1.0.0
 - react-bootstrap-table2-overlay@1.0.0
 - react-bootstrap-table2-paginator@1.0.0
 - react-bootstrap-table2-toolkit@1.0.0
 - react-bootstrap-table-next@1.0.0
2018-08-04 16:03:04 +08:00
..
src fix pagination broken when bootstrap4 2018-08-01 20:26:00 +08:00
style refine file name 2018-01-20 15:27:08 +08:00
test fix pagination broken when bootstrap4 2018-08-01 20:26:00 +08:00
index.js implement pagination context 2018-08-01 20:17:17 +08:00
package.json Publish 2018-08-04 16:03:04 +08:00
README.md fix typo 2018-01-28 21:53:33 +08:00

README.md

react-bootstrap-table2-paginator

react-bootstrap-table2 separate the pagination code base to react-bootstrap-table2-paginator, so there's a little bit different when you use pagination. In the following, we are going to show you how to enable and configure the a pagination table

Live Demo For Pagination

API&Props Definitation

Install

$ npm install react-bootstrap-table2-paginator --save

Add CSS

// es5 
require('react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css');

// es6
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';

How

Let's enable a pagination on your table:

import paginationFactory from 'react-bootstrap-table2-paginator';
// omit...

<BootstrapTable keyField='id' data={ products } columns={ columns } pagination={ paginationFactory() } />

Customization

See pagination props