@chilangomax/react-data-grid

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like

Stats

StarsIssuesVersionUpdatedCreatedSize
@chilangomax/react-data-grid
4.0.62 years ago3 years agoMinified + gzip package size for @chilangomax/react-data-grid in KB

Readme

react-data-grid

The core of react-data-grid

Install

npm install --save react-data-grid

Usage

import ReactDataGrid 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 <ReactDataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />);
}

Exports

Asside from the grid this package exports:

name source
RowComparer RowComparer
RowsContainer RowsContainer
Row Row
Cell Cell
HeaderCell HeaderCell
editors Editors
formatters Formatters
utils utils
shapes shapes
_constants _constants
_helpers _helpers

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.