DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Data Grid - Multiple Record Selection

This demo sets selection.mode to "multiple". This allows users to select multiple rows using checkboxes or keyboard shortcuts.

To configure when the checkboxes appear, set the showCheckBoxesMode property.

The checkbox in the header selects all rows or current page rows, depending on the selectAllMode value. If you want to disable this checkbox, set allowSelectAll to false.

In this demo, you can use the drop-down menus under the grid to change the showCheckBoxesMode and selectAllMode values.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API