How to style a child table on a webgrid

yudi — Mon, 13 Jun 2011 00:29:52 GMT

Current build version of WebGrid doesn’t provide style customization over child table yet. So, I’m afraid that currently it is not possible to put a border along the bottom of the child table.

The empty column at the left is the column that is used as the row selector of the child table. Please try to set the RowHeaders property in the LayoutSettings of WebGrid to “No” in order to losing the empty columns at the left.

...
<LayoutSettings Hierarchical="True" AllowFilter="Yes" AllowExport="Yes" RowHeaders="No">
</LayoutSettings>
...

WebGrid has HidePadColumn property which hides the pad column (a small section of the column headers above the vertical scrollbar). Please try to disable this property in window on load JavaScript function in order to losing the emptly columns at the right.

Hope this helps.

How to style a child table on a webgrid

neil.turner@ntd.co.uk — Thu, 09 Jun 2011 10:02:11 GMT

I'm trying to style the child tables in a webgrid and have got so far but have hit brick walls.

Could you take a look at the attached image and let me know how i can achieve losing vthe empty columns at the left and right and putting a border along the bottom (green)

Intersoft Community - WebEssentials - How to style a child table on a webgrid

How to style a child table on a webgrid

How to style a child table on a webgrid