UNPKG

react-data-grid

Version:
58 lines (41 loc) 2.71 kB
# React Data Grid [![Build status](https://ci.appveyor.com/api/projects/status/smciktvlkvp6r8w7/branch/master?svg=true)](https://ci.appveyor.com/project/adazzle/react-data-grid/branch/master)[![Coverage Status](https://coveralls.io/repos/adazzle/react-data-grid/badge.svg?branch=master)](https://coveralls.io/r/adazzle/react-data-grid?branch=master) [![npm version](https://badge.fury.io/js/react-data-grid.svg)](http://badge.fury.io/js/react-data-grid) ![npm dependencies](https://david-dm.org/adazzle/react-data-grid.svg) 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](https://cloud.githubusercontent.com/assets/1432798/7348812/78063bd6-ecec-11e4-89d5-ffd327721cd7.PNG) Installation ------------ ```sh 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](http://adazzle.github.io/react-data-grid/examples.html#/million-rows) - Keyboard navigation - [Fully editable grid](http://adazzle.github.io/react-data-grid/examples.html#/editable) - [Rich cell editors like autocomplete, checkbox and dropdown editors, complete with keyboard navigation](http://adazzle.github.io/react-data-grid/examples.html#/editors) - Custom cell Editors - Easily create your own - [Custom cell Formatters](http://adazzle.github.io/react-data-grid/examples.html#/formatters) - [Frozen columns](http://adazzle.github.io/react-data-grid/examples.html#/fixed) - [Resizable columns](http://adazzle.github.io/react-data-grid/examples.html#/resizable) - [Sorting](http://adazzle.github.io/react-data-grid/examples.html#/sortable) - Filtering - 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](CONTRIBUTING.md) Credits ------------ This project has been built upon the great work done by [Prometheus Research](https://github.com/prometheusresearch). For the original project, please click [here]( https://github.com/prometheusresearch/react-grid). It is released under [MIT](https://github.com/adazzle/react-data-grid/blob/master/LICENSE)