Detail table does not display for last row in a grid

[Randy]

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. 

[Keith]

Did anyone ever solve this? I am experiencing the same issue. Have tried removing all CSS and still occurs.

[Ivan Danchev]

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

[Randy]

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.

[Ivan Danchev]

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