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

Contributing

Please check guidelines for more details.