fad-react-bootstrap-table-next/README.md

Next generation of react-bootstrap-table

# react-bootstrap-table-next

Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

### This has been updated to stop compilation errors with React 18

## Usage

### Installation

```sh
npm install fad-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

```js
// 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

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