mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2026-03-24 14:44:27 +00:00

Files

AllenFang 8a7c1def5b Publish

- react-bootstrap-table2-example@1.0.25
 - react-bootstrap-table2-toolkit@1.4.2
 - react-bootstrap-table-next@3.1.2

2019-04-29 21:20:42 +08:00

src

fix #905

2019-04-27 16:11:55 +08:00

style

Added original padding without breaking the animation

2019-02-25 13:01:42 +02:00

test

fix test fail

2019-04-27 16:52:03 +08:00

index.js

remove useless code

2018-08-01 20:17:17 +08:00

package.json

Publish

2019-04-29 21:20:42 +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 } />