Reduce hiearchy grid width

[Erik]

I have a 10 column grid with a hierarchy grid consisting of only 2 columns. By default it seems the hierarchy grids fills the space of the parent grid and thus the 2 columns are stretched across the entire width.

I have tried explicitly setting a width for each column of the hierarchy grid but they do not seem to have any effect whatsoever. 

Is there a way to set hierarchy grid total width or be able to set column widths of the hierarchy grid?

[Viktor Tachev]

Hi Erik,

In order to set smaller width for the detail Grid you can explicitly set the width of the detail Grid component. This can be done via the HtmlAttributes property. 

.HtmlAttributes(new {style="width: 500px;" })

You can also consider making the detail Grid scrollable in case the combined width of the columns is wider than the detail Grid.


Regards,
Viktor Tachev
Progress Telerik