1. Home
  2. Forum
  3. Vue
  4. Handling Selection With Multiple Grids in Use

Handling Selection With Multiple Grids in Use

I am trying to emulate the ability to select from multiple grids on the same page. The use case I'm working with is with two grids in particular. I have tried utilizing the rowSelected property of the DataGrid in hopes of dealing with my selection. However I have noticed that when selecting from the second grid - after previously selecting from the first grid- that Syncfusion counts the second grid selection as a deselection of the previous grid. Is there any way I can utilize having two grids with selection mode being single, that allows clicking on a row from each and then clicking on a button to launch an event using the two selected values at all possible with the UI component library; while ensuring that the selection from both grids is maintained throughout the process?


1 Reply
AG Ajith Govarthan Syncfusion Team January 3, 2022 04:06 AM UTC

Hi Khalipha, 

Thanks for contacting Syncfusion support. 

Based on your query you are facing selection related issues when rendering two grids in same page. So, to validate further on your requirement, please share the below details. 

  1. Share the complete Grid code example.

  1. Share the video demonstration of the reported issue.
 
  1. Have you used persist selection in your Grid application?
 
  1. Have you bound same id for both Grids? If yes, set unique id for each grid and ensure the reported issue.
 
  1. Share the Syncfusion package version.
 
Regards, 
Ajith G. 
 
 


Loader.
Up arrow icon