Combines the performance power of React as well as partial rendering techniques in order to smoothly scroll though hundreds of thousands of rows.
Quickly configure and customise features such as grid and column properties, row and cell renderers. As the Grid is a React component it is easy to extend and add custom functionality.
Full keyboard navigation, cell copy & paste, cell drag down, frozen columns, column resizing, sorting, filtering and many more features on the way.
React Data Grid is available in the npm repository. You can install it from the command line using the following commands
npm install react --save
npm install react-data-grid --save
Once downloaded, require both React and React Data Grid and you should be good to go
import React from 'react'; import ReactDataGrid from 'react-data-grid';
If you want to use extra features such as built in editors, formatters, toolbars and other plugins, you need to require the addons module as well
import ReactDataGridPlugins from 'react-data-grid/addons';
If you prefer not to use a module system, you can reference the distribution scripts directly in your html pages. First you need to download the scripts. This can be done in 3 ways, either download directly from github source, using npm as above