tabelle colspan

[yari14]

Di sotto riporto il codice utilizzato, utilizzo bootstrap come framework css

<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>