Example of tables in HTML

tableExample.html

<a id="FIG1"></a><strong>Figure 1:</strong> Schematic diagram of the proposed stepped wedge cluster-randomised controlled trial
<style>
th, tr, td {
  text-align:center;
  font-family:Helvetica;
  font-size:10px;
  border:1px solid black;
}
</style>

<table style='width:100%;border:solid;'>
  <tr style='border:solid;'>
    <th style='border-right:solid;'>Cluster</th>
    <th style='border-right:solid;'>Baseline</th>
    <th colspan='4' style='border-right:solid;'>Step 1</th>
    <th colspan='4' style='border-right:solid;'>Step 2</th>
    <th colspan='4' style='border-right:solid;'>Step 3</th> 
  </tr>
  <tr>
    <td style='border-right:solid;'>6</td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>
  <tr>
    <td style='border-right:solid;'>5</td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>
  <tr>
    <td style='border-right:solid;'>4</td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>  
  <tr>
    <td style='border-right:solid;'>3</td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td> </td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>
  <tr>
    <td style='border-right:solid;'>2</td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>
  <tr>
    <td style='border-right:solid;'>1</td>
    <td style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
    <td bgcolor='#eaeaea'> </td>
    <td bgcolor='#eaeaea' style='border-right:solid;'> </td>
  </tr>
  <tr style='border:solid;'>
    <td colspan='2' style='border-right:solid;'>Measurements</td>
    <td colspan='2' style='border-right:solid;'>Measurement 1</td>
    <td colspan='2' style='border-right:solid;'>Measurement 2</td>
    <td colspan='2' style='border-right:solid;'>Measurement 3</td>
    <td colspan='2' style='border-right:solid;'>Measurement 4</td>
    <td colspan='2' style='border-right:solid;'>Measurement 5</td>
    <td colspan='2' style='border-right:solid;'>Measurement 6</td>
  </tr>
  <tr style='border:solid;'>
    <td style='border-right:solid;'>Time (month)</td>
    <td style='border-right:solid;'>0</td>
    <td style='border-right:solid;'>1</td>
    <td style='border-right:solid;'>2</td>
    <td style='border-right:solid;'>3</td>
    <td style='border-right:solid;'>4</td>
    <td style='border-right:solid;'>5</td>
    <td style='border-right:solid;'>6</td>
    <td style='border-right:solid;'>7</td>
    <td style='border-right:solid;'>8</td>
    <td style='border-right:solid;'>9</td>
    <td style='border-right:solid;'>10</td>
    <td style='border-right:solid;'>11</td>
    <td style='border-right:solid;'>12</td>
  </tr>
</table>

<table style='width:30%' border='0'>
  <tr>
    <td style='border-left:solid; border-top:solid; border-bottom:solid; border-right:solid;'>&nbsp;</td>
    <td style='border-color:white;'>Control</td>
    <td bgcolor='#eaeaea' style='border-left:solid; border-top:solid; border-bottom:solid; border-right:solid;'>&nbsp;</td>
    <td style='border-color:white;'>Intervention</td>
  </tr>
</table>