# Ignite UI for React Grids - from Infragistics

[![npm version](https://badge.fury.io/js/igniteui-react-grids.svg)](https://badge.fury.io/js/igniteui-react-grids)
[![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds)

[Ignite UI for React](https://www.infragistics.com/products/ignite-ui-react) includes a wide range of easy to use React UI components that have been designed and optimized for high-performance, high-volume data scenarios. Ignite UI for React is designed to enable developers to craft modern web app experiences using the most comprehensive UI library of modular React Components and the fastest data grid optimized for speed and performance.

## Browser Support

| ![Chrome](https://user-images.githubusercontent.com/2188411/168109445-fbd7b217-35f9-44d1-8002-1eb97e39cdc6.png) | ![Firefox](https://user-images.githubusercontent.com/2188411/168109465-e46305ee-f69f-4fa5-8f4a-14876f7fd3ca.png) | ![Edge](https://user-images.githubusercontent.com/2188411/168109472-a730f8c0-3822-4ae6-9f54-785a66695245.png) | ![Opera](https://user-images.githubusercontent.com/2188411/168109520-b6865a6c-b69f-44a4-9948-748d8afd687c.png) | ![Safari](https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png) |
| --------------- | ---------------- | ------------- | -------------- | --------------- |
| Latest ✔️       | Latest ✔️        | Latest ✔️     | Latest ✔️      | Latest ✔️       |

## Grid Components

This package provides the following grid components:

| Component | Status | Documentation |
|:----------|:------:|:-------------:|
| Grid | ✅ | [Docs](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid) |
| Tree Grid | ✅ | [Docs](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/tree-grid/overview) |
| Pivot Grid | ✅ | [Docs](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/pivot-grid/overview) |
| Hierarchical Grid | ✅ | [Docs](https://www.infragistics.com/products/ignite-ui-react/react/components/grids/hierarchical-grid/overview) |

### Key Features

- Virtualized rows and columns for unlimited data size
- Column sorting, filtering, pinning, moving, hiding, and resizing
- Row selection, cell selection, and clipboard support
- Inline editing with cell, row, and batch editing modes
- Built-in column types and templating support
- Multi-column headers and column groups
- Row and cell conditional styling
- Export to Excel and CSV
- Advanced filtering with filter row and Excel-style filter
- Grouping, summaries, and paging
- Keyboard navigation and accessibility

## AI-Assisted Development

This package ships with **LLM Agent Skills** — structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for React. The skill files are included in the [`igniteui-react`](https://www.npmjs.com/package/igniteui-react) package and also live in the [`skills/`](https://github.com/IgniteUI/igniteui-react/tree/master/skills) directory:

| Skill | Description |
|:------|:------------|
| **components** | Identify the right React components (`Igr*`) for a UI pattern, then install, import, and use them — JSX patterns, events, refs, forms, Next.js setup |
| **customize-theme** | Customize styling using CSS custom properties, Sass, and the theming system in React |
| **optimize-bundle-size** | Reduce bundle size with granular imports, tree-shaking, and lazy loading |

## License

This is a commercial product, requiring a valid paid-for license for use. License details can be found [here](https://www.infragistics.com/legal/license).

To acquire a license for usage, please register for a trial and acquire a license at [Infragistics.com](https://www.infragistics.com).

(c) Copyright 2026 Infragistics. All Rights Reserved. The Infragistics Ultimate license & copyright applies to this distribution. For information on that license, please go to our website [here](https://www.infragistics.com/legal/license).