react-base-table

react-base-table

BaseTable is a react table component to display large data set with high performance and flexibility

Install

# npm
npm install react-base-table --save

# yarn
yarn add react-base-table

Usage

import BaseTable, { Column } from 'react-base-table'
import 'react-base-table/styles.css'

...
<BaseTable data={data} width={600} height={400}>
  <Column key="col0" dataKey="col0" width={100} />
  <Column key="col1" dataKey="col1" width={100} />
  ...
</BaseTable>
...

Learn more at the website

width and height are required to display the table properly

In the examples we are using a wrapper const Table = props => <BaseTable width={720} height={400} {...props} /> to do that

You can use the AutoResizer to make the table fill the container, take the playground for example

You have to polyfil Array.prototype.findIndex to make it works on IE

Contributing

Please check guidelines for more details.