Fixing Column span if multiple tables are aligned together

In most cases, Alignment is a major concern while working with Templates.
Checking the above example; Even the columns required are same in both cases, we should consider the span of each section in order to make the center-aligned field to be perfectly occurred as a midline which will increase the visibility much more effective.

No issues when there is just two columns available or tables are disjoint. while other cases, we should divide the column span by two and later it to required number of sections.

<table class="thai" colspan="60" style= "width: 100%; ">
<tr>

 <td align="center" colspan="8"  style=" border-right: 1 px black; "> </td>
 <td align="center" colspan="22" style=" border-right: 1 px black;"> </td>
 <td align="right" colspan="8"   style=" border-right: 1 px black;"> </td>
 <td align="right" colspan="12"  style=" border-right: 1 px black;"> </td>
 <td align="right" colspan="10"  style=" border-top: 1 px black;">   </td>
</tr>
<tr>
 <td colspan="30"  style=" border-right: 1 px black; ">  </td>
 <td align="right" colspan="8" style=" border-right: 1 px black;  ">  </td>
 <td align="left"  colspan="12" style=" border-right: 1 px black; "> </td>
 <td align="right" colspan="10"> </td>
</tr>
</table>

//Sample code for span Division

Leave a comment

Your email address will not be published. Required fields are marked *