DataGrid for DevExtreme - How to allow users select multiple cells

This example illustrates how to implement multiple cell selection for DataGrid.

Use the onCellHoverChanged and onCellClick event handlers to implement cell selection. The cellValue method uses cells' columnIndex and rowIndex properties to display the corresponding cell values.

The touchmove and touchstart events are used to ensure this example also works on mobile devices.

Files to Review

• Angular
  • app.component.html
  • app.component.ts
• jQuery
  • index.js
• React
  • App.js
• Vue
  • App.vue
• NetCore
  • Index.cshtml

Documentation

• Getting Started with DataGrid

• DataGrid - Selection

More Examples

• DataGrid for DevExtreme - How to obtain all filtered and sorted rows

• DataGrid for DevExtreme - How to implement a custom editing form using the Popup and Form components