@chilangomax/react-data-grid-addons

A set of addons for react-data-grid

Usage no npm install needed!

<script type="module">
  import chilangomaxReactDataGridAddons from 'https://cdn.skypack.dev/@chilangomax/react-data-grid-addons';
</script>

README

react-data-grid-addons

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

Install

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

Usage

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
Formatters Formatters
Toolbar Toolbar
ToolsPanel ToolsPanelCell
Data Data
Menu Menu
Draggable Draggable
Filters Filters