Rendering data in a grid can be a hassle, especially in frameworks such as React. To solve this problem, in this guide, we will discuss how to install and use React Data Grid, a lightweight, Excel-like grid component capable of rendering a large amount of data, and see its actual implementation in a project.

Installation

To install react-data-grid, run the following command in your project’s root directory.

$ npm install  --save react-data-grid

Importing React Data Grid

You can easily import the React Data Grid component using the import statement.

import ReactDataGrid from 'react-data-grid';

#react