React Grid Integrated Data Shaping

NOTE
DevExtreme Reactive Components – End-of-Life
DevExtreme Reactive component libraries have reached end-of-life (EOL) as of December 2025. We will no longer provide updates, bug fixes, or technical support for these libraries.

Developing a React App? Check out our updated React UI Suite instead.
If you are considering React for an upcoming software project or have used DevExtreme Reactive components in the past, please visit  js.devexpress.com/react  and download a free trial version of DevExtreme React UI - over 80+ components designed to help you build your best, without limits or compromise.

This demo shows how to use TypeScript to create a Grid with sorting, grouping, filtering, and paging in the Uncontrolled mode. Use this mode if you do not need to share the Grid's state among other parts of your application.

If you use selection with integrated data shaping, the Select All checkbox's operation depends on the plugin order. In this demo, the IntegratedSelection plugin is linked after all the data shaping plugins. In this case, Select All affects only displayed rows.