[Solved] Grid Hierarchy - Position of two tables at the same level

[J]

Hi,

I have a Grid which has the ability to expand a row to show further information.  When the parent row is expanded, the child level shows two tables.

I need the first table to display under the first column of the parent row and the second table to display under the 5th column of the parent row.

Is there a way of positioning the child tables so that they are underneath the relevant columns instead of being on top of each other, directly under the first column?

[Princy]

Hello,

If you want to display the Detail tables at the same level, side by side then you would have to set the HorizontalAlign property of the DetailTables as shown below:
c#:

 <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server">
            <MasterTableView DataSourceID="SqlDataSource1">
             <DetailTables>
             <telerik:GridTableView HorizontalAlign="Left" DataSourceID="SqlDataSource1">
             .....
             </telerik:GridTableView>
             </DetailTables>
             <DetailTables>
             <telerik:GridTableView HorizontalAlign="Right" DataSourceID="SqlDataSource1">
              ....
             </telerik:GridTableView>
             </DetailTables>
           ........

Thanks
Princy.

[J]

But doing that puts one of my child tables on the far left, while the second child table is on the far right.

I basically want to position my child tables exactly so that the first child table is positioned under the first column and second table positioned under the 5th column.

[Shinu]

Hi,

In addition to the HoriontalAlign property as suggested by Princy, you can also set the margin of the DetailTables in css styles:

aspx:

<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server">
            <MasterTableView DataSourceID="SqlDataSource1">
             <DetailTables>
             <telerik:GridTableView  CssClass="Table1" HorizontalAlign="Left" DataSourceID="SqlDataSource1">
             .....
             </telerik:GridTableView>
             </DetailTables>
             <DetailTables>
             <telerik:GridTableView  CssClass="Table2" HorizontalAlign="Right" DataSourceID="SqlDataSource1">
              ....
             </telerik:GridTableView>
             </DetailTables>
           ........

css:

 <style type="text/css">
    .Table1
    {
      margin-left:0px;
    }
    .Table2
    {
        margin-left:35px;
    }
</style>

Thanks

Shinu.