Add posibility to jump (scroll) to specific row when using virtual grid

Progress® Kendo UI® for jQuery Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 11 Nov 2024 13:14 by ADMIN

Ulrich

Created on: 30 May 2013 11:16

Category: Grid

Type: Feature Request

Add posibility to jump (scroll) to specific row when using virtual grid

When using Grid with virtual scrollbar there is no possibilty to go to sepecific row programaticly. Especially for row that are not yet loaded.

I have managed to move the scrolbar using 

grid.virtualScrollable.verticalScrollbar.scrollTop(scrollRow[0].offsetTop + pageOffset * pageIndex);

however the calcualtion of the location of the row is impossible when rows have dynamic height.

5 comments

ADMIN

Angel Petrov

Posted on: 11 Nov 2024 13:14

Hello,

The feature will be live with the upcoming release.

Regards,
Angel Petrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN

Alex Hajigeorgieva

Posted on: 22 Jan 2020 14:21

Hi,

We are currently reviewing some of our popular suggestions and would like to hear from you a little more about the use case of such feature. What value is this going to bring to the application if you had 1 000 000 records and scrolled to a specific one, instead of filtering the grid for instance.

Look forward to hearing back from you.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

David

Posted on: 23 May 2018 23:39

This is a feature we are really desired.

Anthony

Posted on: 10 Mar 2015 08:38

I have noticed this same question on the user forums and stackoverflow so this seems to be a common requirement. What's needed is either access to the grids scroller or grid.animatedScrollTo. When I alter scrollTop the scroller seems to get out of sync (this is on Android mobile, works on everything else)

Gordon

Posted on: 02 Oct 2014 15:52

this works in my case..

            var selected = t.mainGrid.select();
            if (selected.length == 0) return;
            //calculate scrollTop distance
            var vs = t.mainGrid.wrapper.find('.k-grid-content').data('kendoVirtualScrollable');
            //console.log(vs);
            var scrollGridContentOffset = t.mainGrid.wrapper.find('.k-grid-content').offset().top;
            var selectContentOffset = t.mainGrid.select().offset().top;
            var distance = selectContentOffset - scrollGridContentOffset;
            var scrollTop = vs.verticalScrollbar.scrollTop();
            console.log("selectContentOffset:" + selectContentOffset);
            console.log("scrollGridContentOffset:" + scrollGridContentOffset);
            console.log("distance:" + distance);
            console.log("scrollbar:" + scrollTop);
            
            vs.verticalScrollbar.animate({ scrollTop: distance + scrollTop }, 250);