Di sotto riporto il codice utilizzato, utilizzo bootstrap come framework css
codice:
<table class="table table-bordered">
<table id="TB" class="table table-bordered table-hover">
<thead>
<tr>
<th>Camere</th>
<th>24/04/2017</th>
<th>25/04/2017</th>
<th>26/04/2017</th>
<th>27/04/2017</th>
<th>28/04/2017</th>
<th bgcolor='#FF0000'>29/04/2017</th>
<th bgcolor='#00FF00'>30/04/2017</th>
<th>01/05/2017</th>
<th>02/05/2017</th>
<th>03/05/2017</th>
</tr>
</thead>
<tbody>
<tr>
<th scope='row'>1</th>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor='#FF0000' ></td>
<td bgcolor='#00FF00'></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
</tr>
<tr>
<th scope='row'>2</th>
<td bgcolor=''></td>
<td colspan='4' data-arrivo='25/04/2017' data-partenza='29/04/2017' data-stanza='2'>prenotato</td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor='#FF0000' ></td>
<td bgcolor='#00FF00'></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
</tr>
<tr>
<th scope='row'>3</th>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor='#FF0000' ></td>
<td bgcolor='#00FF00'></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
</tr>
<tr>
<th scope='row'>4</th>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor='#FF0000' ></td>
<td bgcolor='#00FF00'></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
</tr>
<tr>
<th scope='row'>5</th>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor='#FF0000' ></td>
<td bgcolor='#00FF00'></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
<td bgcolor=''></td>
</tr>
</tbody>
</table>
</table>