如何使用rowspan排列表td

时间:2015-04-25 05:54:54

标签: html css twitter-bootstrap html-table

我必须安排表格单元格,如下图所示,我正在使用bootstrap,我已经使用colspan进行了调整。但它在图像中不起作用。

enter image description here

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

如何获取图像中显示的表格。

1 个答案:

答案 0 :(得分: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>