Как организовать таблицу td с помощью rowspan

Question

Мне нужно упорядочить ячейки таблицы, как показано на рисунке ниже. Я использую bootstrap, и я скорректировал его с помощью colspan. но он не работает как на изображении.

Я fiddeled here

<table class="table table-bordered table-responsive"> 
<thead></thead> 
<tfoot></tfoot> 
<tbody> 
    <tr> 
     <td rowspan="4">a</td> 
     <td rowspan="2" colspan="2">aaa</td> 
    </tr> 
    <tr> 
     <td>asas</td> 
     <td>asas</td> 
    </tr> 
    <tr> 
     <td>asas</td> 
     <td>asas</td> 

    </tr> 
    <tr> 
     <td>asas</td> 
     <td>asas</td> 

    </tr> 
</tbody> 

Как я могу получить таблицу, как показано на рисунке.

Answer 1

Я использую this для создания таблицы:

<table border="1" width="500"> 
    <tr> 
    <td rowspan="3">1</td> 
    <td colspan="2">2</td> 
    </tr> 
    <tr> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>5</td> 
    <td>6</td> 
    </tr> 
    <tr> 
    <td rowspan="4">7</td> 
    <td>8</td> 
    <td>9</td> 
    </tr> 
    <tr> 
    <td>10</td> 
    <td>11</td> 
    </tr> 
    <tr> 
    <td>12</td> 
    <td>13</td> 
    </tr> 
    <tr> 
    <td>14</td> 
    <td>15</td> 
    </tr> 
</table>