React Data Grid
A powerful data grid component designed to handle large datasets efficiently while offering a rich set of features for customization and interactivity.Why React Data Grid?
React Data Grid is built from the ground up to deliver exceptional performance and developer experience:Blazing Fast
Virtualization for columns and rows ensures smooth performance even with millions of cells
Type Safe
Strictly typed with TypeScript for better development experience and fewer runtime errors
Zero Dependencies
No external dependencies means smaller bundle sizes and fewer security concerns
Highly Customizable
Customize every aspect from renderers to styles with CSS variables and custom components
Key Features
- React 19.2+ support with full SSR compatibility
- Virtualization - Only visible rows and columns are rendered for optimal performance
- TypeScript - Strictly typed with full type inference
- Keyboard accessibility - Full keyboard navigation and WCAG compliance
- Light and dark mode - Automatic theme switching via CSS
color-scheme - Column features - Resizing, sorting, grouping, spanning, and reordering
- Row features - Selection, grouping, editing, and dynamic heights
- Cell features - Editing, copy/paste, drag-fill, and custom formatters
- Tree grid support - Hierarchical data with expand/collapse
- Summary rows - Pin calculated rows at top or bottom
- No rows fallback - Customizable empty state
- RTL support - Right-to-left languages fully supported
Quick Links
Installation
Get started by installing React Data Grid in your project
Quick Start
Build your first data grid in minutes with our quick start guide
Core Concepts
Learn about columns, rows, selection, and editing
API Reference
Explore the complete API documentation and type definitions
Browser Support
React Data Grid supports all evergreen browsers:- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Community
GitHub
Star the project, report issues, or contribute
npm
View package details and download statistics