Skip to content
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle.github.io/react-data-grid/
TypeScript JavaScript CSS
Branch: canary
Clone or download

Latest commit

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows CI: add commit-ish to git worktree command Feb 18, 2020
.storybook Set up Storybook (#1883) Jan 13, 2020
.vscode update vscode-eslint settings (#1850) Dec 17, 2019
jest Reorganize tests (#1878) Jan 10, 2020
packages/react-data-grid-addons Merge remote-tracking branch 'origin/alpha' into canary Mar 26, 2020
src Add column.{min,max}Width (#1989) Mar 27, 2020
stories Adopt contravariant methods syntax (#1985) Mar 26, 2020
style Merge remote-tracking branch 'origin/alpha' into canary Mar 26, 2020
tools Repo maintenance and cleanups (#1875) Jan 10, 2020
.editorconfig Normalize line endings (#1653) May 13, 2019
.eslintignore ESLint config and deps update (#1959) Feb 19, 2020
.eslintrc.js Adopt contravariant methods syntax (#1985) Mar 26, 2020
.gitattributes Wipe out old docs (#1877) Jan 10, 2020
.gitignore Set up Storybook (#1883) Jan 13, 2020
CHANGELOG.md Add column.{min,max}Width (#1989) Mar 27, 2020
CONTRIBUTING.md Merge branch 'alpha' into canary Jan 17, 2020
LICENSE Update LICENSE Apr 24, 2015
README.md Add github actions CI (#1947) Feb 10, 2020
babel.config.json Update dependencies (#1981) Mar 24, 2020
browserslist Delete unused files (#1492) Mar 14, 2019
jest.config.mjs Adopt contravariant methods syntax (#1985) Mar 26, 2020
package.json Publish 7.0.0-canary.14 Mar 26, 2020
tsconfig.all.json Set up Storybook (#1883) Jan 13, 2020
tsconfig.json typescript 3.8 (#1961) Feb 21, 2020

README.md

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

You can’t perform that action at this time.