This is a migrated thread and some comments may be shown as answers.
Scrolling issues when both virtual scrolling and paging are enabled
8 Answers 202 Views
This is a migrated thread and some comments may be shown as answers.
Nicholas
Top achievements
Rank 1
Nicholas asked on 09 Jan 2014, 03:32 PM
Hi,

Is having both virtual scrolling and traditional paging enabled a supported scenario? I have created a quick jsFiddle showing a bug with the pager control in this case:

http://jsfiddle.net/xd2nb/1/

To reproduce it, scroll a few pages down with the mouse wheel, then scroll up. The pager will "jump" between pages suddenly and/or briefly show the incorrect page number before eventually correcting itself after scrolling further.

Is there a problem with my grid's configuration, or can this be addressed in a future update?

Thanks,
Nick

8 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 09 Jan 2014, 04:00 PM
Hi Nick,

The idea of virtual scrolling is to be used without paging. Using both features at the same time is unfortunately not supported.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Nicholas
Top achievements
Rank 1
answered on 09 Jan 2014, 04:18 PM
Thanks.

Is there really no way to get this working? I haven't dug into the grid's source code to find the problem myself, but it seems that since it already almost works, surely it must not be much of an effort to fix the page number being off occasionally?

Unfortunately, my company has already drawn up UI outlines for our new application with the assumption that this would work, since we'd had both enabled and did not notice the problem until it was too late. If this scenario isn't supported, it would have been nice to have the grid throw an exception when enabling both and/or a note about it in the documentation.
0
Dimo
Telerik team
answered on 09 Jan 2014, 04:47 PM
Hi Nick,

I am afraid that we have no plans to provide integration for paging and virtual scrolling and this is not as trivial as it looks.

Frankly speaking, I do not see much benefit in having "partial virtualization" on per page basis. In case you can't pick one of the two featues as being more important than the other, then I would recommend you to use only paging.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
SwanB
Top achievements
Rank 1
answered on 11 Dec 2015, 02:36 PM

Hi Dimo,

 

thank you for your input regarding "not seeing much benefit in having partial virtualization on per page basis".

As the partial virtualization according to you is not beneficial, I would appreciate very much if you please can advise us how to quickly and user friendly navigate to the mid or end of large datasets in the grid on a device using Virtual Scroll (with no scrollbar available). (Paging without Virtual Scroll is sooo much slower).

 

Swan B

0
Dimo
Telerik team
answered on 15 Dec 2015, 12:07 PM
Hello Swan,

No visible scrollbar implies a touch device. We recommend using paging instead of virtual scrolling on touch devices for faster navigation across a large data set.

http://docs.telerik.com/kendo-ui/web/grid/appearance#virtual-scrolling

When using mobile touch devices, which do not have a visible scrollbar that can be grabbed and dragged, virtual scrolling combined with a large number of data items, e.g. thousands, can impose a challenge to easily acccess all table rows, as this will require a great deal of touch scrolling.

A possible way to facilitate access to the middle of the data set is to use some custom buttons that execute the page() method of the Grid dataSource.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#fields-dataSource

http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-page

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
SwanB
Top achievements
Rank 1
answered on 03 Oct 2017, 08:12 AM

Any progress here,

is the integration of paging and virtual scrolling still not as trivial as it looks.?

 

Regards,

SwanB

0
Dimo
Telerik team
answered on 04 Oct 2017, 07:52 AM
Hello SwanB,

I confirm the state of affairs remains the same. Although we acknowledge the desire of customers to support this, there is no reliable way to scroll a virtual Grid to a particular table row, which is a prerequisite for the paging in this scenario to work as expected. I am sorry if this has negative implications for your business.

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

Regards,
Dimo
Progress Telerik
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.
0
gopala
Top achievements
Rank 1
answered on 25 Jun 2020, 03:04 PM

Nick,

 

  We can achieve this by seperting the grids. One grid to be used for pagination and the other for data .

dataGrid will take care of infinite scrolling and the pagination will load data into infinite grid.if we follow column virtulisation for the data grid then it will be damn fast.

Tags
Grid
Asked by
Nicholas
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Nicholas
Top achievements
Rank 1
SwanB
Top achievements
Rank 1
gopala
Top achievements
Rank 1
Share this question
or