how to scroll the grid table by codes

[David]

hi,

i am looking the below topic:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual

the web page says :

While the user is scrolling the table, the Angular Grid requests and displays only the visible pages. 

my question is:

how to scroll the table by codes?

for example ,i want to scroll the table making the data which id is 10254 visiable,

please tell me how to do this

thank you.

 

 

[David]

hi 

any update of this question?

[Martin Bechev]

Hi David,

When using the virtual scrolling feature, the selected row might not be available in the DOM. Generally, the virtual scrolling mechanism reuses and replaces the rendered TR and TD elements under the hood with the next or previous portion of data while scrolling. This is the main purpose of the feature in order to optimize the scrolling performance in case of large datasets. 

However, the built-in scrollTo method can scroll to a row that is not currently visible in the DOM:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes#scrolling-to-a-specific-row-and-column

Here is a demo showing the method in action.

https://stackblitz.com/edit/angular-pm29f1kv

Let me know in case of any follow-up questions.

Regards,
Martin Bechev
Progress Telerik

[David]

the api is very cool.

thank you very much.