This is a migrated thread and some comments may be shown as answers.
Detail table does not display for last row in a grid
3 Answers 13 Views
This is a migrated thread and some comments may be shown as answers.
Randy
Top achievements
Rank 1
Randy asked on 26 Nov 2019, 11:34 AM
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. 

3 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 28 Nov 2019, 09:33 AM

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.
0
Randy
Top achievements
Rank 1
answered on 29 Nov 2019, 10:57 AM

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.

0
Ivan Danchev
Telerik team
answered on 02 Dec 2019, 07:52 PM

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.
Tags
Grid
Asked by
Randy
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Randy
Top achievements
Rank 1
Share this question
or