Composable and Extensible
Plugin-based Architecture

Your Data Grid, Your Way

You can incorporate our React Data 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.

Plugin-based Architecture - DevExtreme Reactive Components
Twitter Bootstrap and Material UI - DevExtreme Reactive Components

Twitter Bootstrap and Material UI
with Seamless Theming

Native Rendering

Use native Twitter Bootstrap and Material UI renderings and apply themes automatically — without unnecssary 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 Data 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 Data Grid can manage its state internally helping you write less code, so you focus on more important business tasks.

Redux - DevExtreme Reactive Components
Native React - DevExtreme Reactive Components

100% Native React
Fully Optimized

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

Core Features Designed to
Fit Any Business at Any Scale

Our React Data Grid Community Tech Preview (CTP) ships with the following features:

  • Integarated Sorting, paging, and data grouping
  • Built-in data filtering, selection and editing
  • Advanced UI elements such as a filter row and record detail row
  • and virtual record scrolling

Features we expect to ship shortly:

  • Material UI templates
  • Keyboard navigation
  • Column resizing/reordering, column chooser
  • Fixed columns/rows, header filter, bands
Core Features - DevExtreme Reactive Components
Feedback - DevExtreme Reactive Components

We want your feedback

DevExtreme Data Grid for React is currently offered as a Community Technology Preview (CTP). Feel free to download your copy and tell us what you think about its current feaure set. We’d love to hear about your business use-case scenarios and how you’d like us to improve our React Data Grid’s going forward.