left up right
Cells, Rows, Columns and Groups
<style type="text/css">
td {border:solid blue 2pt}
th {border:solid red 4pt}
table {border:dotted green 3pt;border-collapse:collapse;background-color:white}
colgroup.a {background-color:yellow}
tr.three {background-color:white}
col.col1 {background-color:navajowhite}
tbody.second {background-color:powderblue}
colgroup.b {background-color:lime}
tr.two {background-color:pink}
th.grand {background-color:yellow}
</style>...
<table>
<colgroup class="a" ><col class="col1"/><col class="col2" /></colgroup>
<colgroup class="b" span="3" /> <thead>. . .</thead>
<tbody class="first">
  <tr class="two"><th>Full</th><td>62</td><td>29</td><td>17</td><td>108</td></tr>
</tbody>
<tbody class="second">
  <tr><th>Affiliate</th><td>240</td><td>123</td><td>47</td><td>410</td></tr>
  <tr class="three">
    <th>Total</th><td>302</td><td>152</td><td>64</td><th class="grand">518</th>
  </tr>
</tbody> </table>      And here is the result!