Hidden detail row when using detail template and virtual scrolling

12 posts, 0 answers
  1. Chris
    Chris avatar
    2 posts
    Member since:
    Mar 2012

    Posted 24 Apr 2012 Link to this post

    I have a problem when I'm using the grid component in combination with a "detail template" and "virtual scrolling".

    When I scroll down to the last entries of the grid and open the detail template, I'm not able to see the whole content of the detail row, because the grid doesn't expand.

    If necessary i can also add example code.

    I'm using kendoui.complete.2012.1.420.commercial build as source. But this problem appears in all versions I have used so far.

    regards, Christopher
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 26 Apr 2012 Link to this post

    Hi Christopher,

    Virtual scrolling is not working well in combination with detail grids. This is a known behaviour and has already been addressed to the developer team. We will consider the support of this scenario in our future releases.

    Greetings,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Chris
    Chris avatar
    2 posts
    Member since:
    Mar 2012

    Posted 26 Apr 2012 Link to this post

    Thank you :)
  5. Mohamad
    Mohamad avatar
    1 posts
    Member since:
    May 2012

    Posted 03 Dec 2012 Link to this post

    This is a bit of a problem for me also. please fix
  6. Anthony
    Anthony avatar
    1 posts
    Member since:
    Jul 2012

    Posted 22 Feb 2013 Link to this post

    Hi,

    Is there any further update on this issue? We're having a similar problem using those accordion style row templates with virtual scrolling.

    Thanks.
  7. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 27 Feb 2013 Link to this post

    Hello guys,

    I am afraid that the problem is still not fixed. Currently we cannot offer a solution that works well and does not break other parts of the framework logic. The problem comes from the fact that the virtual scroller is not aware of the height of the detail template which is the main obstacle for us to solve the issue.
    Please accept my apology for the inconvenience caused.

    As a workaround you may try to:
    • reset the virtual scroller at detailCollapse / detailExpand events. As an example:
      detailExpand: function () {
         this.virtualScrollable.refresh();
      },


    • reset the _rowHeight of the Grid
      grid._rowHeight = 0;

    Please note that there are many cases in which the workaround will not work. Resetting the scroller may force read of the DataSource, which will rebind the grid and collapse the detail row.

    Kind regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!


  8. Gerber
    Gerber avatar
    5 posts
    Member since:
    May 2014

    Posted 23 Jun 2014 in reply to Alexander Valchev Link to this post

    Hi.. any updates on this one?
  9. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 26 Jun 2014 Link to this post

    Hi Gerber,

    This happens because expanding and collapsing rows changes the Grid's content height, preventing the Grid from calculating the content's height and virtual scrolling from behaving as expected. Also, when scrolling up or down, the rows that are no longer visible are destroyed. When the user scrolls back to them the Grid is not aware whether they should be expanded, so it always renders them collapsed. I am afraid that virtual scrolling is currently not supported when using detail templates (hierarchy) and there is no good solution or workaround that we can suggest.

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  10. guga
    guga avatar
    11 posts
    Member since:
    Mar 2012

    Posted 26 Aug 2014 in reply to Alexander Popov Link to this post

    Is there any solution at this issue?
  11. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 29 Aug 2014 Link to this post

    Hi guga,

    As I mentioned in my previous reply there is no built-in support for this behavior. I would recommend submitting this as a feature request on our feedback portal, where it could be publicly discussed and voted for.

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  12. Venkat Chalasani
    Venkat Chalasani avatar
    7 posts
    Member since:
    Mar 2010

    Posted 04 Dec 2015 Link to this post

    does this issue solved. I am getting this issue again for last few rows, and when try to scroll down to bottom, cursor jumps back to upside in the middle or top.

    We i gave large height to  .k-grid-content from developer console, it gets enough space and works well. But when scrolled (virtual) , it again starts behaving the same.

    Please let me know how to fix it..

     

    Regards,

    Vikas Nale

     

     

  13. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 09 Dec 2015 Link to this post

    Hi Vikas,

    The issue still exists, the technical reasons are explained in the replies below. I am afraid that at present we cannot offer a suitable solution for using Virtual Scrolling with detail templates feature.

    I would recommend submitting this as a feature request on our feedback portal, where it could be publicly discussed and voted for.

    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
Kendo UI is VS 2017 Ready