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

Virtual scroll with different height

3 Answers 307 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Etienne
Top achievements
Rank 1
Etienne asked on 01 Apr 2016, 07:03 PM

Hello,

I have a table that contain a lots of rows (3000+ rows). Each rows are text entered by the users. Some have 1 line of text, some have 100 lines of text.

So each rows have a different height. I cannot truncate the text.

If I use virtual scroll, sometime the scroll "jump" and skip some rows.

And if I don't use the virtual scroll, the page take a long time to load and even get the unresponsive script error message from the browser.

 

I know about the warning about virtual scroll and different height from http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#virtual-scrolling, but I was hoping someone would have find a way around that?

 

3 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 05 Apr 2016, 09:15 AM
Hello Etienne,

There is no workaround for this scenario.

In case you have different row heights I suggest to use pagination. This will resolve the performance issues that occur when too many records are loaded and will work with different item heights.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Etienne
Top achievements
Rank 1
answered on 05 Apr 2016, 02:26 PM

Hello,

Sadly, pagination is not an option for this project.

Would it be possible to insted of removing all the scrolled rows, to keep a single empty rows with the height of all the previous rows?

Do you know some sort of third party patch that would try to fix the problem?

0
Alexander Valchev
Telerik team
answered on 07 Apr 2016, 08:20 AM
Hello Etienne,

Virtualization algorithm cannot be modified that easy. I cannot suggest a workaround that will not break other parts of the framework for the scenario that you described.

In case you want to use virtualization please ensure that the rows have equal height. For rows with different height it is recommended to use pagination.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Etienne
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Etienne
Top achievements
Rank 1
Share this question
or