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 19 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.

x19
x19
x18
x18
Get Started Today
Download Your Free
30-Day Trial
Purchase a License
Subscriptions start at
$699.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
WinForms Controls
WPF Controls
ASP.NET WebForms Controls
Printing & Exporting
ASP.NET MVC Extensions
Printing & Exporting
ASP.NET MVC Client-Side Controls
ASP.NET Core Controls
ASP.NET Core Office Controls
ASP.NET Bootstrap Controls
Themes and Skinning
JavaScript - jQuery, Angular, React, Vue
UWP Controls
Reporting
WinForms Report Viewer
WinForms End-User Report Designer
HTML5 Report Viewer
ASP.NET WebForms Report Viewer
ASP.NET WebForms End-User Report Designer
ASP.NET MVC Report Viewer
ASP.NET MVC End-User Report Designer
ASP.NET Core Report Viewer
ASP.NET Core End-User Report Designer
WPF Report Viewer
WPF End-User Report Designer
Office File API (Basic)
Excel Export Library
Word Processing Document API (DOC, RTF)
Office File API (Complete)
Native Mobile UI Controls
CodeRush
C#, VB.NET, XAML
CodeRush Classic
VS 2015 Support
VS 2012, 2013 Support
C#, VB.NET, XAML
HTML, ASP.NET, CSS, Razor, JavaScript
Source Code *
WinForms Controls
ASP.NET Controls
WPF Controls
UWP Controls
JavaScript - jQuery, Angular, React
XPO - ORM Library
Office File API
Data Visualization Dashboard
eXpressApp Framework
Technical Support
Priority Support

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