Intersoft Community - WebGrid Enterprise - How do I style a child table in a webgrid

How do I style a child table in a webgrid

yudi — Thu, 16 Jun 2011 03:18:33 GMT

Sorry for the late respond.

I’m willing to advice you further but in order to do so I would need you to elaborate on your specific scenario and possibly give us a running simple sample and a step-by-step guide that we can use to observe the problem.

How do I style a child table in a webgrid

neil.turner@ntd.co.uk — Mon, 13 Jun 2011 05:18:57 GMT

Thanks for that but it didn't work for the child table

I have however managed to reduce the right hand column of the root table to about 2 pixels.

The oninitialize event of the child table never seems to fire though so the right hand column remains there. So far I have this and it seems to do absolutely nothing

childtable.RowHeaders = RowHeaders.No;

childtable.Layout.RowHeaders = RowHeaders.No;

childtable.Layout.AutoFitColumns = true;

childtable.Layout.ClientSideEvents.OnInitialize = " ChildTable1_OnInitialize()";

childtable.Layout.ClientSideEvents.OnAfterInitialize = " ChildTable1_OnInitialize()";

My grid looks a mess right now and I need to show the customer something more professional that this.

Any help appreciated.

How do I style a child table in a webgrid

yudi — Mon, 13 Jun 2011 00:32:36 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 do I style a child table in a webgrid

neil.turner@ntd.co.uk — Thu, 09 Jun 2011 10:04:33 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)