如何使用 rowspan 排列 table td

Question

我必须如下图所示排列 table 个单元格，我正在使用 bootstrap，并且我已经使用 colspan 对其进行了调整。但它不像图像中那样工作。

我已经弄好了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>

如何获得如图所示的 table。

Answer 1

我使用 this 生成 table:

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

如何使用 rowspan 排列 table td

How to arrange table td using rowspan

html

css

html-table

twitter-bootstrap