DataGrid for DevExtreme - How to prevent/disable selection of specific rows

This example demonstrates how to disable selection in certain rows in multiple record selection mode. In this example, a row is disabled if its approved value is false.

Specify the following properties to implement the technique:

1. Implement the onEditorPreparing event handler to display disabled selection checkboxes.
2. Implement the onSelectionChanged event handler. In this handler, specify the checkboxes that need to stay disabled after a user toggles the Select All checkbox.

Note that you need to set the remoteOperations to false for this example to work.

Files to Review

• jQuery
  • index.html
  • index.js
• Angular
  • app.component.html
  • app.component.ts
• Vue
  • HomeContent.vue
• React
  • App.tsx
• ASP.NET Core
  • Index.cshtml

Documentation

• Getting Started with DataGrid

• DataGrid - API Reference

More Examples

• DataGrid for DevExtreme - How to show/hide or enable/disable Edit Form items based on another item's value

• DataGrid for DevExtreme - Multiple cell selection

• DataGrid for DevExtreme - Update multiple values in a row after selecting an item in a lookup column editor