open-index/open-npm huggingface dataset:
npm package: @offtherailz/react-data-grid
Description: Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like
Author: Adazzle
Latest version: 2.0.59-chrome70

# react-data-grid

> The core of react-data-grid
 

## Install

```sh
npm install --save react-data-grid
```

## Usage 

```sh
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](./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)          |
utils                  | [utils](./src/utils)                    |
shapes                 | [shapes](./src/PropTypeShapes)          |
_constants             | [_constants](./src/AppConstants.js)     |
_helpers               | [_helpers](./src/helpers)               |
npm package: @offtherailz/react-data-grid-addons
Description: A set of addons for react-data-grid
Author: Adazzle
Latest version: 2.0.59

# react-data-grid-addons

> A set of addons for react-data-grid with things like editors, formatters, toolbars, filters..
 

## Install

```sh
npm install --save react-data-grid-addons
```

## Usage 

```sh
import { Editors, Formatters } from 'react-data-grid-addons';
const { DropDownEditor } = Editors;
const { DropDownFormatter } = Formatters

const titles = ['Dr.', 'Mr.', 'Mrs.', 'Miss', 'Ms.'];
const columns = [
  ...
  { 
    key: 'titles',
    name: 'Titles',
    editor: <DropDownEditor options={titles} />,
    formatter: DropDownFormatter 
  },
  ...
];

```

## Exports
This package exports:

name                   | source                                     |
-----------------------|--------------------------------------------|
Editors                | [Editors](./src/editors)                   |
Formatters             | [Formatters](./src/Formatters)             |
Toolbar                | [Toolbar](./src/toolbars/Toolbar.js)       |
ToolsPanel             | [ToolsPanelCell](./src/toolbars)           |
Data                   | [Data](./src/data)                         |
Menu                   | [Menu](./src/menu)                         |
Draggable              | [Draggable](./src/draggable)               |
Filters                | [Filters](./src/cells/headerCells/filters) |