When you setup a master/detail DataGrid the extension put the reference code for the 2 DataGrid inside a table with 2 rows and setup a default style class that you can overwrite to apply your style for the 2 grids, the style class for the Master Grid is "dwzCellMasterGrid" and the style class for the Detail Grid is "dwzCellDetailGrid" so you create your own style to define space and alignment between the 2 grids.
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="dwzCellMasterGrid">
<Master table position >
</td>
</tr>
<tr>
<td class="dwzCellDetailGrid" >
<Detail table position >
</td>
</tr>
</table>
For example:
<style type="text/css">
.dwzCellMasterGrid{
padding-bottom:15px;
}
.dwzCellDetailGrid{
padding-top:15px;
}
</style>
|