npm

Check out our latest tech talk, "JavaScript Supply Chain Security" presented by VP of Security, Adam Baldwin.Watch it here »

react-bootstrap-table-next

3.1.5 • Public • Published

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 } />

install

npm i react-bootstrap-table-next

Downloadsweekly downloads

19,479

version

3.1.5

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability