DataGrid - How to deselect an already selected row in single selection mode

Hello,

We recommend using the onCellClick event for this task. It allows you to check if the clicked row is already selected via the e.row.isSelected parameter. You can call the DataGrid's clearSelection() method to remove the selection.

JavaScript
onCellClick(e) {
    if (e.row.isSelected) {
        e.component.clearSelection();
    }
}

I created a snippet to demonstrate the approach. This will clear the selection if a row is already selected.

I checked records in our database, and it seems that you started using DevExtreme recently. I collected help topics, demos, and other resources that will help you find solutions for common scenarios quickly and develop with DevExtreme more effectively:

• React Demos. They illustrate component configurations in the most common scenarios;
• API Reference. This topic contains detailed information on each of our properties and methods;
• Widgets. This section lists help topics that describe the concept of DevExtreme components;
• DevExtreme React Components. This help section describes specifics of our React components;
• Support Center tickets. There, you can find answers and ready-to-use solutions for typical inquiries;
• Knowledge Base articles. Such articles are user guides or describe how to solve common issues;
• Examples of how to implement common scenarios.

If you experience issues with our components, it is better to create a simple project demonstrating these issues and attach it to your ticket (see A request for simple example programs). With a small example project, it is much easier for us to verify that your code that calls ours is valid and our components are used as recommended. This way, we will be able to focus on the problematic area. You can use our React template to create such demo projects.

Let us know if you have further questions.