We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Prevent scroll when grid refresh or dataSource is updated

Hi Syncfusion Team,

Our application contains multiple data grids on the same page. All of them display different attributes of the same data objects. That means that every time user edits one row and confirms the changes, all grids refresh their datasource (begins a 'refresh' action and databound event is called). When information is finally updated, the page scrolls to the last updated grid instead of continuing on the position of the table that the user has edited. Can we prevent this behavior?

School Students

Name

Surname

Age

SamSmiths25
DorianGray67
JonDoy55


English Class

Name

Surname

Mark

SamSmiths5.7
DorianGray5.9


Maths Class

Name

Surname

Mark

SamSmiths7.0
DorianGray6.8
JonDoy6.2


Imagine that the user edits Sam's surname on School Students table and confirms the changes, all the tables will update their information and the page scroll to Maths Class.

Thanks in advance for you help.


1 Reply

PS Pavithra Subramaniyam Syncfusion Team November 30, 2022 07:08 AM UTC

Hi Sergio Navarro,


Thanks for contacting Syncfusion support.


We have tried to reproduce the issue at our end but the scroller remains in the same place after the Grid refresh. We have prepared a simple sample based on the given details. Please refer to the below sample link for more information.


https://stackblitz.com/edit/angular-2g98ga?file=app.component.html,app.component.ts


To validate further please share an issue reproducible sample or try to reproduce the issue in the above sample which will be easier to provide a solution as early as possible.


Regards,

Pavithra S


Loader.
Live Chat Icon For mobile
Up arrow icon