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: master
Clone or download
amanmahajan7 Temporary fix for the selection bug (#1549)
continuous-integration/appveyor/branch check is stuck so merging to get the release out
Latest commit 4f238c0 Apr 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create stale.yml Jul 12, 2018
ci
config Update packages (#1490) Mar 14, 2019
docs Add a .gitattributes file to prevent changes in line endings (#1491) Mar 14, 2019
gulp Remove coveralls (#1493) Mar 14, 2019
packages Temporary fix for the selection bug (#1549) Apr 3, 2019
secure-file Docs Regeneration Jun 29, 2016
test Upgrade build tools to latest versions (#1350) Nov 15, 2018
themes Temporary fix for the selection bug (#1549) Apr 3, 2019
website Add a .gitattributes file to prevent changes in line endings (#1491) Mar 14, 2019
.dockerignore New Public Website (#1384) Nov 23, 2018
.editorconfig
.eslintrc More auto fix eslint rules (#1399) Nov 26, 2018
.gitattributes Add a .gitattributes file to prevent changes in line endings (#1491) Mar 14, 2019
.gitignore Delete unused files (#1492) Mar 14, 2019
.npmignore Remove coveralls (#1493) Mar 14, 2019
.npmrc.enc
Dockerfile
LICENSE Update LICENSE Apr 24, 2015
README.md Remove coveralls (#1493) Mar 14, 2019
appveyor.yml Remove coveralls (#1493) Mar 14, 2019
babel.config.js Add a .gitattributes file to prevent changes in line endings (#1491) Mar 14, 2019
browserslist Delete unused files (#1492) Mar 14, 2019
docker-compose.yml New Public Website (#1384) Nov 23, 2018
gulpfile.js Initial public release Mar 6, 2015
lerna.json
package-lock.json Remove coveralls (#1493) Mar 14, 2019
package.json Remove coveralls (#1493) Mar 14, 2019
webpack-dev-server.js New Public Website (#1384) Nov 23, 2018

README.md

React Data Grid

Build status npm version npm dependencies CDNJS

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

Check out the examples directory to see how simple previously complex UI and workflows are to create.

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.