React Grid Integrated Data Shaping

NOTE
DevExtreme Reactive Components - Maintenance Support Mode
DevExtreme Reactive component libraries are in maintenance support mode . No new features/capabilities will be added to DevExtreme Reactive component libraries in the future (end-of-life - December 2025).

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 70+ 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.