This is a migrated thread and some comments may be shown as answers.

Grid : All Rows are not Visible with Vertual Scroll

1 Answer 254 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Vineet
Top achievements
Rank 1
Vineet asked on 17 Jan 2017, 04:44 PM

Hello Team,

I implemented Virtual Scrolling in Grid and it is working as expected.
Now my Scenario is when I add the row to Grid it should move the Grid scroll to bottom of Grid.
I tried few setting but no luck

Attaching the Scenario Screen (here I added 7 rows but it not show last few row with 
Scroll). If I see with Inspect Element it show all TR (for my case 7)

Fyi, We are adding rows on button click

Please suggest the way to implement it and let me know for any further query..


Thanks & Regards,
Nitesh Sahu, Contact No :+91 9350030884

 

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 19 Jan 2017, 08:47 AM
Hi Vineet,

I have addressed the issue in the support ticket, but will also paste the answer here, so other could benefit as well:

Please check out the following section of our documentation that explains the virtual scrolling functionality, its limitations, and some workarounds that can be used in certain cases:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#virtual-scrolling

... for example:

"Refreshing or replacing the Grid data in the virtual mode has to be accompanied by resetting the position of the virtual scrollbar to zero—for example, by using $('#GridID .k-scrollbar').scrollTop(0);. In some scenarios, you might also need to call the refresh() method.

Programmatic scrolling to a particular Grid row is not supported when virtual scrolling is enabled, because it is not possible to reliably predict the exact scroll offset of the row."

The following section on restoring scroll positions can also prove useful:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#restore-scroll-positions

Regards,
Dimiter Topalov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Vineet
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or