fixed-react-data-grid-custom
Version:
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like
51 lines (39 loc) • 1.63 kB
Markdown
# react-data-grid
> The core of react-data-grid
> React Data Grid with no merged community fixes
## Current fixes:
https://github.com/adazzle/react-data-grid/pull/1476 - mareolan
https://github.com/adazzle/react-data-grid/pull/1489 - szogun1987
Oficial github: https://github.com/adazzle/react-data-grid
## Install
```sh
npm install --save fixed-react-data-grid
```
## Usage
```sh
import ReactDataGrid from 'fixed-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](./src/RowComparer.js) |
RowsContainer | [RowsContainer](./src/RowsContainer.js) |
Row | [Row](./src/Row.js) |
Cell | [Cell](./src/Cell.js) |
HeaderCell | [HeaderCell](./src/HeaderCell.js) |
editors | [Editors](./src/editors) |
formatters | [Formatters](./src/formatters) |
shapes | [shapes](./src/PropTypeShapes) |
_constants | [_constants](./src/AppConstants.js) |
_helpers | [_helpers](./src/helpers) |