React Data Grid

Native React Control with full support for Bootstrap and Material UI

Free 30-Day Trial

Try our React Grid - a part of the DevExtreme
web development suite

Download Free Trial

Composable and Extensible
Plugin-based Architecture

Your Data Grid, Your Way
You can incorporate our Grid by adding only those features you require. This allows you to maintain the optimal bundle size, and reduce app load/execution time.

Add Features via Custom Plugins
Our Data Grid gives you total control and makes it easy to extend its core functionality at anytime via plugins.

React Grid Control - Architecture
Material and Bootstrap Themes for React Grid Control

Twitter Bootstrap and Material-UI with Seamless Theming

Native Rendering
Use native Twitter Bootstrap and Material-UI renderings and apply themes automatically - without unnecessary configuration.

Individual UI Templates
UI templates are implemented and shipped as separate packages so you can customize them as needed or roll your own when necessary.

Our Grid Loves Redux by Design Controlled Uncontrolled Modes are Inside

Controlled State Mode
Fully control React Grid state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side-effects.

Uncontrolled State Mode
Our React Grid can manage its state internally helping you write less code, so you focus on more important business tasks.

Redux Support
Native React Grid Optimized for Performance

100% Native React
Fully Optimized

Best Practices Inside
We’ve focused our energy on performance and leveraged the best practice recommendations offered by the React team.

Based on a Functional Approach
Through immutability and pure functions, we can apply memoization and built-in React optimizations to achieve outstanding performance.

Shape and Edit Data

End-users can sort, group, and filter data to easily locate records, navigate to the most important data or analyze trends. Conditional formatting and customizable cell value display add another degree of data readability.

Built-in Filter Row

Data Filter in React Grid Control

Allows end-users to select text-based, numeric or date-time criterias and filter the dataset as their needs dictate.

Run Demo

Drag & Drop Data Grouping

Group Data in React Grid Control

Drag column headers to the panel above the grid to group data against multiple columns. Expand and collapse group rows to see the big picture or detailed data.

Run Demo

Integrated Data Editors

Integrated React Data Editors

Integrate data editors into grid cells to facilitate end-user data input.

Run Demo

Layout and Presentation

Our Grid's capabilities go far beyond plain dataset visualization. Whether you require master-detail data presentation, hierarchical record display, or chart integration, the DevExpress React Grid is up to the challenge.

Master-Detail Display

Master-Detail Display in React Grid

See how you can enable master-detail data presentation within the DevExpress React Grid.

See Demo

Tree-List Metaphor

Tree List Display for React

Easily visualize hierarchical data - enable the Tree/List display metaphor that allows end-users to expand/collapse child rows.

See Demo

Chart Control Integration

React Grid and React Chart Integration

Easily integrate our React Chart Control into the Grid to enable effective data visualization.

See Demo

Best in Class Tools

DevExpress is honored to have been voted best in class 18 times in this year's Visual Studio Magazine Reader's Choice Awards.

Experience the DevExpress difference and see why your peers consistently vote our products #1. With our Universal Subscription, you will build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows, Web and your Mobile world.

18 VSM Awards in 2024 x18
19 VSM Awards in 2023 x19
20 VSM Awards in 2022 x20
20 VSM Awards in 2021 x20
Get Started Today
Download Your Free
30-Day Trial
Purchase a License
Subscriptions start at
$899.99
Get Pre-Purchase Help
Call us at +1 (818) 844-3383
or email info@devexpress.com

60 Day Unconditional Money Back Guarantee

We are so confident in our products and services that we back them with a 60 day no questions asked money back guarantee. If within the first 60 days of ownership you are not satisfied with the capabilities of our tools, you can request a full refund of the amount you paid to DevExpress by writing to clientservices@devexpress.com or by calling +1 (818) 844-3383.

Best Value
Reporting
.NET 8 / .NET 9 Support
Visual Studio Report Designer
WinForms Document Viewer
WinForms End-User Report Designer
Document Viewer (ASP.NET Web Forms, MVC, Core)
Web Report Designer (ASP.NET Web Forms, MVC, Core)
Native Blazor Document Viewer (Server, WebAssembly)
Blazor Web Report Designer (Server, WebAssembly)
WPF Document Viewer
WPF End-User Report Designer
Native Angular Document Viewer
Angular End-User Report Designer
Native React Document Viewer
React End-User Report Designer
WinForms Controls
.NET 8 / .NET 9 Support
Data Grid
DirectX Hardware Acceleration
HTML & CSS Markup Support
AI Chat
Charting
Gantt
Spreadsheet
Rich Text Editor
Calendar & Scheduling
Diagrams
Ribbon
Toolbar-Menu
DirectX Form
Dock Windows
Pivot Grid
Tree List
TreeMap
Property Grid
PDF Viewer
Sankey Diagram
Sunburst
Layout Manager
Map Control
Heat Map
Gauge Controls
Navigation Pane
Tile Control
Live Tile Manager
Printing & Exporting
Spell Checker
Data Editors
MVVM Framework
Themes and Skinning
WPF Controls
.NET 8 / .NET 9 Support
Data Grid
Tree List
Property Grid
Charting
Pivot Grid
Calendar & Scheduling
Spreadsheet
Rich Text Editor
Spell Checker
PDF Viewer
Diagrams
Sankey Diagram
Ribbon
Toolbar-Menu
TreeView
Dock Windows
Layout Manager
Navigation Controls
Data Editors
Map Control
Heat Map
Sunburst
TreeMap
Gantt Control
Gauge Controls
Printing and Exporting
MVVM Framework
Application Themes
Blazor UI Components
Grid
AI Chat
Bar Gauge
Charts
Data Editors
Dialogs & Windows
File Management
HTML Editor
PDF Viewer
Layout
Map
Navigation
Pivot Grid
Reports
Ribbon
Rich Text Editor
Scheduler
TreeList
BI Dashboard
.NET MAUI Controls with Support
Data Grid
CollectionView
Charts
Scheduler
PDF Viewer
Bottom Sheet
Data Editors
Data Form & Form Components
HTML Editor
Image Control
Layout Panels
Popup
Circular Gauge
Shimmer Control
Tabs
Toggle Switch
Toolbar
Tree View
.NET MAUI Project Templates
Office File API Support
jQuery Components
Data Grid
Charting
Chat
Calendar & Scheduling
Pivot Grid
TreeList
HTML Editor
AI Chat
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Components
Map Components
Navigation and Layout
Dialogs and Notifications
Actions and Lists
Data Export
Theme Builder
Angular Components
Data Grid
Charting
Chat
Calendar & Scheduling
Pivot Grid
TreeList
HTML Editor
AI Chat
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Components
Map Components
Navigation and Layout
Dialogs and Notifications
Actions and Lists
Data Export
Theme Builder
React Components
Data Grid
Charting
Chat
Calendar & Scheduling
Pivot Grid
TreeList
HTML Editor
AI Chat
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Components
Map Components
Navigation and Layout
Dialogs and Notifications
Actions and Lists
Data Export
Theme Builder
Vue Components
Data Grid
Charting
Chat
Calendar & Scheduling
Pivot Grid
TreeList
HTML Editor
AI Chat
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Components
Map Components
Navigation and Layout
Dialogs and Notifications
Actions and Lists
Data Export
Theme Builder
ASP.NET Web Forms Controls
Data Grid
Charting
Ribbon
Spreadsheet
Rich Text Editor
Calendar & Scheduling
Card View
Site Navigation
Page Layout
Docking and Popups
Pivot Grid
Tree List
TreeView
Vertical Grid
HTML Editor
Gauge Controls
Data Browsing
Image Browsing
File Management
Multi-Purpose Site Controls
Printing & Exporting
Spell Checker
Data Editors
Themes and Skinning
Diagram
Gantt
ASP.NET MVC Extensions
Data Grid
Charting
Ribbon
Spreadsheet
Rich Text Editor
Calendar & Scheduling
Card View
Page Layout
Site Navigation
Docking and Popups
Pivot Grid
Tree List
TreeView
Vertical Grid
HTML Editor
Data Browsing
Image Browsing
File Management
Printing & Exporting
Spell Checker
Data Editors
Themes and Skinning
Diagram
Gantt
ASP.NET MVC Client-Side Controls
Data Grid
Charting
Calendar & Scheduling
Pivot Grid
TreeList
HTML/Markdown Editor
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Controls
Map Control
Web Navigation and Layout
Dialogs and Notifications
Multi-Purpose Web Controls
Data Export
Theme Builder
ASP.NET Core Controls
.NET 8 / .NET 9 Support
Data Grid
Charting
Calendar & Scheduling
Pivot Grid
TreeList
HTML/Markdown Editor
Diagram
Gantt
File Management
Form Layout
Data Editors
Gauge Controls
Map Control
Web Navigation and Layout
Dialogs and Notifications
Multi-Purpose Web Controls
Data Export
Theme Builder
ASP.NET Core Office Controls
.NET 8 / .NET 9 Support
Spreadsheet
Rich Text Editor
Printing & Export
ASP.NET Bootstrap Controls
Data Grid
CardView
Charting
Ribbon
Rich Text Editor
File Manager
Scheduler
Site Navigation and Layout
Sparkline
Spreadsheet
Data Editors
Themes and Skinning
XPO - ORM Library
High Performance ORM
Full Support for 12 Database Engines
.NET 8 / .NET 9 Support
Visual Data Model Designer
Office File API
.NET 8 / .NET 9 Support
Non-Windows Environment Support (Linux, macOS, Azure, AWS)
Spreadsheet Document API (create, edit, update XLSX, XLS, CSV)
Export to Excel (XLSX, XLS, CSV)
Word Processing Document API (create, edit, update DOC/DOCX, RTF, HTML, etc.)
PDF Document API
Digital Signature API
Barcode Generation API
Zip Compression and Archive API
Unit Conversion API
Business Intelligence Dashboard
.NET 8 / .NET 9 Support
WinForms Dashboard Viewer
WinForms End-User Dashboard Designer
WPF Dashboard Viewer
Blazor Dashboard Component
ASP.NET Core Dashboard Control (includes End-User Designer)
ASP.NET Web Forms Dashboard Control (includes End-User Designer)
ASP.NET MVC Dashboard Control (includes End-User Designer)
HTML JS Dashboard Control (includes End-User Designer)
Dashboard Component for Angular (includes End-User Designer)
Dashboard Component for React (includes End-User Designer)
Dashboard Component for Vue (includes End-User Designer)
VS Dashboard Designer
XAF - Cross-Platform .NET App UI
.NET 8 / .NET 9 / .NET Framework
WinForms, ASP.NET Core Blazor, ASP.NET Web Forms
Backend Web API Service
Entity Framework Core and XPO ORM Support
Multi-Tenancy Support
Role-based Access Control, Permission Management
Administrative UI (Manage Users & Roles at Runtime)
Audit Trail (History of Data Changes)
Validation (Prevent Data Errors)
Reporting (Shape, Export & Print Data)
Analytics (Dashboard, Chart, Pivot, Map)
Office Documents (Edit Rich Text & Spreadsheets)
File Attachments (Store Custom Files)
Clone Object (Copy Data Records)
Business Process Management (Workflow & State Machine)
Conditional Appearance (Manage UI Element State)
Event Planning (Scheduler & Notifications)
Tree List Editors (Organize Hierarchical Data)
Localization
Themes
.NET App Security & Web API Service
Entity Framework Core ORM Support
XPO ORM Support
Role-based Access Control & Permission Management
ASP.NET Core Web API / OData Service for CRUD and Authorization
Administrative UI to Manage Users and Roles at Runtime
Download Reports
Download File Attachments
Obtain Localized Strings
Validate Data
Audit Data Changes
CodeRush for Visual Studio
VS 2022 Support
VS 2019 Support
VS 2017 Support
VS 2015 Support
Roslyn-Powered Superior Performance
C#, VB.NET, XAML
TestCafe Studio: Functional Web Testing
Coded UI Support for WinForms Controls
Source Code *
WinForms Controls
ASP.NET Controls
WPF Controls
JavaScript - jQuery, Angular, React
Blazor UI Components
Reporting
.NET MAUI Controls with Support
XPO - ORM Library
Office File API
Data Visualization Dashboard
XAF - Cross-Platform .NET App UI
Technical Support

* DevExpress does not include/ship source code for certain products, including CodeRush, TestCafe Studio, and Report & Dashboard Server.