/react-data-grid

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle.github.io/react-data-grid/

Primary LanguageJavaScriptOtherNOASSERTION

React Data Grid

Build statusCoverage Status npm version npm dependencies CDNJS React Data Grid chat

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

Installation

npm install react-data-grid

This library is written with CommonJS modules. If you are using browserify, webpack, or similar, you can consume it like anything else installed from npm.

Overview

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

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.

FAQs

  • Why is the version number of the GitHub Release so far behind the master branch?

When we updated the library to v2, we adopted a mono-repo structure using Lerna. Because of this, only changes to the parent repository will get tagged on GitHub as Releases. The core package is released from the packages directory; and what is on NPM / on the master branch will always be the latest release.

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