---
title: "React Data Grid"
description: "An editable and customizable data-grid component for React."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Displaying structured records with keyboard interaction and cell editing.</PurposeNote>

## What it does

An editable and customizable data-grid component for React.

## When it fits

Displaying structured records with keyboard interaction and cell editing.

## Other options in this category

<div data-pagefind-ignore>

- [AG Grid](/data-tables/ag-grid) — Rich table interactions with an integrated grid UI.
- [Glide Data Grid](/data-tables/glide-data-grid) — Building spreadsheet-like interfaces with custom cell rendering.
- [MUI X Data Grid](/data-tables/mui-data-grid) — Data tables in an application already using Material UI.
- [TanStack Table](/data-tables/tanstack-table) — A custom table that fits your existing design system.

</div>

## Source

[Project source for React Data Grid ↗](https://github.com/adazzle/react-data-grid)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Explore a large dataset →](/tasks/explore-a-large-dataset)

[All data tables options →](/data-tables)