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/
Installation
npm install react-data-grid
# or
bower 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.
There is also a global build available on bower, find the library on
window.ReactDataGrid
.
Overview
ReactDataGrid is an advanced JavaScript spreadsheet component built using React
Features
- Lightning fast virtual rendering
- Can render hundreds of thousands of rows with no lag
- Keyboard navigation
- Fully editable grid
- Rich cell editors like autocomplete, checkbox and dropdown editors, complete with keyboard navigation
- Custom cell Editors - Easily create your own
- Custom cell Formatters
- Frozen columns
- Resizable columns
- Sorting
- [Filtering] (http://adazzle.github.io/react-data-grid/examples.html#/filterable)
- Copy and Paste values into other cells
- Multiple cell updates using cell dragdown
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