[Solved] Grid auto scroll to last record

[Sanjay]

Hi,

I have a read-only grid where I am using .READ method to fetch data from the database and show it on screen. The grid has a scrollbar. I want the grid to auto scroll to the end so that the last record is visible on screen.

Please help.

Regards,
Sanjay

[Matt Barker]

Something like this?

var grids = document.getElementsByClassName('k-grid-content'),
    index = 0,
    grid;

for (; index < grids.length; index++) {
    grid = grids[index];
    grid.scrollTop = grid.scrollHeight;
}

[Sanjay]

Something strange is happening. The value for grid.scrollTop remain 0 even though grid.scrollHeight is not 0.

[Matt Barker]

Then I think that you must have a code error somewhere. It works for me on the latest version of Chrome on Windows XP:
https://jsfiddle.net/56omxkv1/

[Vladimir Iliev]

Hello Sanjay,

The Matthew's approach is valid and works as expected on our side as well. Here you can find another similar example of scrolling the grid content to given row. 

Regards,
Vladimir Iliev
Telerik

 

 

[Sanjay]

Dear Vladimir/Matt,

Sorry it was error in my code. Both the approach works.

Thanks

Regards,
Sanjay