How to keep one row always selected

[Ryan Ngoh]

I am using selection mode single and want to always have one row selected. I have persistSelection: true on selectionSettings but when I have a row already selected and click on another row, it does not select the new row. There are no rows selected. How do I select rows properly with persistSelection true?

[Pavithra Subramaniyam]

Hi Ryan, 

Greetings from Syncfusion. 

Query: I have a row already selected and click on another row, it does not select the new row. There are no rows selected. 

We have analyzed your query and for your requirement, multiple type selection or checkbox selection has to be enabled to use the persistSelection property by default. So in the below sample, we have achieved your requirement by using the rowSelecting method of the grid to have only one row selected. Please refer to the below sample for your reference, 

Code Example:  

[.html] 

... 

rowSelecting(args){ 

      if(this.gridInstance.getSelectedRecords().length){ 

        this.gridInstance.clearSelection(); 

      } 

    } 

... 

Sample               : https://stackblitz.com/edit/react-zylwjt?file=index.js  

Documentation: https://ej2.syncfusion.com/react/documentation/grid/selection/?no-cache=1#checkbox-selection  

Please get back to us for further assistance. 

Regards,  

Pavithra S. 

 

[Ryan Ngoh]

Thanks.

[Pavithra Subramaniyam]

Hi Ryan,  

Thanks for your update.  

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

Regards,  

Pavithra S.