Detail table does not display for last row in a grid

4 posts, 0 answers
  1. Randy
    Randy avatar
    75 posts
    Member since:
    Jul 2009

    Posted 26 Nov 2019 Link to this post

    I'm using the MVC grid and I have a detail table associated with each row. When the user is on the last row of the grid and clicks the triangle button to display the detail table, the detail table does not display (see attached file). It appears that the grid is not extending the scroll bar so that the detail table can be seen. 
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2153 posts

    Posted 28 Nov 2019 Link to this post

    Hello Randy,

    The reported behavior is not reproducible in the Grid's Hierarchy demo, and I am also unable to replicate it locally. Attached you can find a sample project, in which the last row of the Grid expands as expected. Could you modify it accordingly so that it demonstrates the issue and attach the example back for further review?

    If you have custom CSS applied to your page, try adding it, because it might be overriding default Kendo UI styles and thus causing the unexpected behavior.

    Regards,
    Ivan Danchev
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Randy
    Randy avatar
    75 posts
    Member since:
    Jul 2009

    Posted 29 Nov 2019 in reply to Ivan Danchev Link to this post

    You said, "If you have custom CSS applied to your page, try adding it, because it might be overriding default Kendo UI styles and thus causing the unexpected behavior."

    This implies there is some CSS that causes the grid to scroll enough so that detail rows at the bottom can be seen. Can you tell me what this CSS is? That would make it much easier to determine if I have some CSS that is overriding it.

  4. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2153 posts

    Posted 02 Dec 2019 Link to this post

    Randy,

    Here's an exemplary rule that can have this effect:

    .k-grid-content {
      height: 400px;
      overflow: hidden;
    }

    The easiest way would be to remove all of your custom CSS and check whether this makes a difference. If it does then bring it back and look for specific rules that might be affecting the Grid.

    Regards,
    Ivan Danchev
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top