/react-data-grid

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

Primary LanguageTypeScriptOtherNOASSERTION

react-data-grid npm-badge bundlesize-badge ci-badge

Install

npm install react-data-grid

Usage

import DataGrid from 'react-data-grid';
import 'react-data-grid/dist/react-data-grid.css';

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' }
];

const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];

function App() {
  return (
    <DataGrid
      columns={columns}
      rows={rows}
    />
  );
}

Documentation