sls-react-data-grid

Fork react-data-grid@7.0.0-alpha.29

Usage no npm install needed!

<script type="module">
  import slsReactDataGrid from 'https://cdn.skypack.dev/sls-react-data-grid';
</script>

README

Fork react-data-grid@7.0.0-alpha.29

react-data-grid npm-badge bundlesize-badge coverage-badge

Install

npm install react-data-grid

Usage

import DataGrid from 'react-data-grid';

const columns = [{ key: 'id', name: 'ID' }, { key: 'title', name: 'Title' }];
const rows = [{ id: 1, title: 'Title 1' }, ...];
const rowGetter = rowNumber => rows[rowNumber];

const Grid = () => {
  return <DataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />;
}

Exports

Aside from the grid this package exports:

name source
RowComparer RowComparer
RowsContainer RowsContainer
Row Row
Cell Cell
HeaderCell HeaderCell
shapes shapes