Skip to content

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

License

Notifications You must be signed in to change notification settings

maxgaydenko/react-data-grid

 
 

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 79.9%
  • JavaScript 15.9%
  • CSS 4.2%