【问题标题】:How to arrange table td using rowspan如何使用行跨度排列表 td
【发布时间】:2015-04-25 14:01:18
【问题描述】:

我必须如下图所示排列表格单元格,我正在使用引导程序,并使用 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>

我怎样才能得到如图所示的表格。

【问题讨论】:

    标签: html css twitter-bootstrap html-table


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-23
      • 1970-01-01
      • 1970-01-01
      • 2019-11-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多