1.1 KiB
1.1 KiB
| title | description | type | page_title | slug | tags | ticketid | res_type | category |
|---|---|---|---|---|---|---|---|---|
| Scroll to a Specific Row in the Kendo UI for Vue Native Grid | Learn how scroll to a specific row in the Kendo UI for Vue Native Grid | how-to | How to scroll to a specific row in the Kendo UI for Vue Native Grid | grid-scroll-specific-row | vue, grid, datagrid, scroll, scrollTo, specific, row | 1660190 | kb | knowledge-base |
Environment
| Product Version | 5.2.0 |
| Product | Progress® Kendo UI for Vue Native |
Description
How can I scroll to a specific row in the Grid when clicking a button?
Solution
This can be achieved by implementing a custom scrollToRow function that calculates the correct scroll position based on the row index and updates this.selectedItem to select the desired row while scrolling to its position
{% meta id:index height:760 %} {% embed_file grid-scroll-specific-row/main.vue preview %} {% embed_file grid-scroll-specific-row/main.js %} {% embed_file shared/products.json %} {% endmeta %}