React Data Grid npm – I Installed Ignite UI for React but Can’t Find the Grid

I installed Ignite UI for React from npm, but I don’t see any grid components available. I expected to use a React Data Grid, but I can’t find it in the package I installed. Where can I find the React grid component in npm? 

Hello Alex,

All the React grid components are distributed in separate npm packages. If you installed the base Ignite UI package you won’t see the grids automatically. 

You can choose between two options: Open-source React Grid Lite or advanced React Grids with more features. 

Open-source React Grid Lite (MIT Licensed) – this is a lightweight React data grid that is fully open source and free for production use. https://www.npmjs.com/package/igniteui-react  

It’s in the igniteui-react package under the grid-lite entry point. 

React Grid Lite is ideal when you need a simple data grid with common functionality but without the full enterprise feature set. It’s a great option for lightweight data tables, basic dashboards, simple grid scenarios, projects that require MIT-licensed open-source components 

Here’s the official documentation
https://www.infragistics.com/products/ignite-ui-react/react/components/grid-lite/overview 

 

If you need more advanced capabilities and enterprise features, go with the advanced React Grids (Data Grid, Tree Grid, Hierarchical Grid, Pivot Grid) 

You should install the igniteui-react-grids npm package https://www.npmjs.com/package/igniteui-react-grids 

These grids provide enterprise-grade functionality including: 

• virtualization for large datasets 

• advanced filtering and sorting 

• hierarchical data support 

• pivot tables 

• complex data editing scenarios 

You can check out the documentation here
https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid 

For any additional questions about installing or using the React grids, feel free to write back.

Regards,
Vasya kacheshmarova
Software Developer
Infragistics

Thank you 🙂

 

Hi Alex,

Do not hesitate to contact me if you have any additional questions.

Regards,
Vasya kacheshmarova
Software Developer
Infragistics