mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2025-10-16 11:55:39 +00:00

History

Parth Prajapati 931cf80450 Fixes #186 (#219 ) * Fixes #186 * Solved lint error		2018-03-04 16:05:10 +08:00
..
src	Fixes #186 (#219 )	2018-03-04 16:05:10 +08:00
style	refine file name	2018-01-20 15:27:08 +08:00
test	implement sort events listener	2018-02-10 17:46:38 +08:00
index.js	react-bootstrap-table2-example depend other packages via webpack resolver instead of node modules	2018-01-14 18:29:27 +08:00
package.json	Publish	2018-02-14 16:33:51 +08:00
README.md	add README.md	2018-01-20 14:44:59 +08:00

README.md

react-bootstrap-table-next

Next generation of react-bootstrap-table

Usage

Installation

npm install react-bootstrap-table-next --save

Include CSS

react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

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

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

Your First Table

import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />