Nested tables with jsf datatable component

Does any one have an idea how to generate and populate nested tables with JSF.

An example of the expected output:

<table align="center" width="100%" border="1">
  <tr>
    <th colspan="6" scope="col">School
</th>

  </tr>
    <tr>
    <th colspan="6" scope="col">Time
 </th>

  </tr>
    <tr>
    <th colspan="6" scope="col"> Semester </th>

  </tr>

  <tr>
    <th scope="row">Week Commencing</th>
    <th scope="row">Monday</th>
    <th scope="row">Tuesday</th>
    <th scope="row">Wednesday</th>
    <th scope="row">Thursday</th>
    <th scope="row">Friday</th>

  </tr>
  <tr>
  <td>
  <table width="100%"  border="1">
  <tr>
  <td><br /><br />12/04/10<br /><br /> </td>
    <td><table width="100%"  border="1">
  <tr><td>08:30 - 10:00</td></tr>
  <tr><td>10:15 - 11:45</td></tr>
  <tr><td>12:30 - 14:00</td></tr>
  <tr><td>14:15 - 15:45</td></tr>
  <tr><td>16:00 - 17:30</td></tr>
  </table> </td>
  </tr>
  </table>

  </td>
  <td> <table width="100%"  border="1">
  <tr ><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  </table></td>
  <td><table width="100%"  border="1">
  <tr ><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  </table></td>
  <td><table width="100%"  border="1">
  <tr ><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  </table></td>
  <td><table width="100%"  border="1">
  <tr ><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  </table></td>
  <td><table width="100%"  border="1">
  <tr ><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  <tr><td>subject</td></tr>
  </table></td>
  </tr>
</table>