Virtual scroll with different height

4 posts, 0 answers
  1. Etienne
    Etienne avatar
    5 posts
    Member since:
    Mar 2016

    Posted 01 Apr 2016 Link to this post

    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?

     

  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 05 Apr 2016 Link to this post

    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!
     
  3. Etienne
    Etienne avatar
    5 posts
    Member since:
    Mar 2016

    Posted 05 Apr 2016 in reply to Alexander Valchev Link to this post

    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?

  4. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 07 Apr 2016 Link to this post

    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!
     
Back to Top