controlling layout of multiple detail tables at the same level

[andieje]

Hi

In my grid each master table has 2 details tables. Is there anything i can do to control the layout of these detail tables? There is no space between them - they are placed directly on top of each other - and it would be nice to add some space. I have tried adding a title for each detail table using the grid table view caption property but this is aligned centrally and looks odd. Can i change the caption alignment? Are there any other formatting features i might find useful?

thanks

[Princy]

Hi,

Check out the following css settings and see whether it is helps meet your requirement:
aspx:

<DetailTables >
       <telerik:GridTableView DataSourceID="SqlDataSource2" CssClass="Class1"  >
       <Columns>
       <telerik:GridBoundColumn DataField="ProductID" ></telerik:GridBoundColumn>
       <telerik:GridBoundColumn DataField="ProductName"></telerik:GridBoundColumn>
       </Columns>
       </telerik:GridTableView>

 <telerik:GridTableView DataSourceID="SqlDataSource3"  CssClass="Class1" >
     <Columns>
     <telerik:GridBoundColumn DataField="OrderId"></telerik:GridBoundColumn>
     <telerik:GridBoundColumn DataField="OrderNo"></telerik:GridBoundColumn>
     </Columns>
       </telerik:GridTableView>

css:

<style type="text/css">
   .Class2
    {
       margin-top: 20px;
    }

   .Class1 caption,
   .Class2 caption
    {
      text-align:left;
    }
</style>

Thanks
Princy.