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/
Branch: next
Clone or download
MayhemYDG tsify more addons modules (#1661)
* tsify DropDownFormatter and ImageFormatter

* tsify MenuHeader

* tsify ContextMenu

* tsify AdvancedToolbar

* Remove useless div

* tsify GroupedColumnButton

* tsify Toolbar

* tsify NumericFilter

* Address a couple comments
Latest commit 11a8e63 May 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create stale.yml Jul 12, 2018
.vscode Recommend the eslint and editorconfig vscode extensions (#1613) Apr 28, 2019
docs Clarify which lerna publish commands to use May 22, 2019
examples eslint-plugin-react 7.13 (#1629) May 3, 2019
packages tsify more addons modules (#1661) May 24, 2019
test Unpackage the examples (#1533) Apr 2, 2019
tests Use StrictMode in integration tests (#1664) May 21, 2019
tools buildStylesheet fixes (#1557) Apr 4, 2019
website Normalize line endings (#1653) May 13, 2019
.dockerignore New Public Website (#1384) Nov 23, 2018
.editorconfig Normalize line endings (#1653) May 13, 2019
.eslintignore Unpackage the examples (#1533) Apr 2, 2019
.eslintrc.js typescript-eslint 1.8 (#1648) May 10, 2019
.gitattributes Normalize line endings (#1653) May 13, 2019
.gitignore umd -> commonjs (#1645) May 17, 2019
Dockerfile New Public Website (#1384) Nov 23, 2018
LICENSE Update LICENSE Apr 24, 2015
README.md Set up CI with Azure Pipelines (#1641) May 9, 2019
azure-pipelines.yml Set up CI with Azure Pipelines (#1641) May 9, 2019
babel.config.js Set up Typescript build (#1561) Apr 8, 2019
browserslist Delete unused files (#1492) Mar 14, 2019
docker-compose.yml New Public Website (#1384) Nov 23, 2018
jest.config.js Set up CI with Azure Pipelines (#1641) May 9, 2019
lerna.json Publish v7.0.0-alpha.12 May 10, 2019
package.json Update wds, remove open (#1663) May 21, 2019
tsconfig.base.json Make TS support ES2019, and iterators (#1611) Apr 29, 2019
tsconfig.json Set up Typescript build (#1561) Apr 8, 2019
webpack-dev-server.js Update wds, remove open (#1663) May 21, 2019

README.md

React Data Grid npm-badge azure-badge coverage-badge

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

http://adazzle.github.io/react-data-grid/ react-data-grid

Overview

ReactDataGrid is an advanced JavaScript spreadsheet-like grid component built using React

Installation

The easiest way to use react-data-grid is to install it from npm and build it into your app with Webpack.

npm install react-data-grid

You can then import react-data-grid in your application as follows:

import ReactDataGrid from 'react-data-grid';

Versions In This Repository

  • master - commits that will be included in the next minor or patch release
  • next - commits that will be included in the next major release (breaking changes)

Most PRs should be made to master, unless you know it is a breaking change.

To install the latest unstable version, you can run

npm install react-data-grid@next

Themes

We use Bootstrap. If you want your Grid to get the "default" styling like the picture above, you'll need to include it separately.

npm install bootstrap

and then import the css from the dist folder when bootstrapping your application

import 'bootstrap/dist/css/bootstrap.css';

Migrations

If you intend to do a major release update for you react-data-grid check the migration documents.

Features

Contributing

Please see CONTRIBUTING

Credits

This project has been built upon the great work done by Prometheus Research. For the original project, please click here. It is released under MIT

You can’t perform that action at this time.