html - 如何使用 rowspan 排列表 td

标签 html css twitter-bootstrap html-table

我必须如下图所示排列表格单元格,我使用的是 Bootstrap ,我已经使用 colspan 对其进行了调整。但它不像图像中那样工作。

enter image description here

我摆弄了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>

如何获得如图所示的表格。

最佳答案

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

关于html - 如何使用 rowspan 排列表 td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29861560/

相关文章:

html - 将固定元素定位在页面之外

html - 将两个元素放在同一个 div 中,没有任何空间或格式问题

html - 使用 fullpage.js Bootstrap 中的填充问题

html - 仅从图像链接中删除链接边框

jquery - 将 codepen 网站移植到 github 页面 - 折叠的导航按钮不起作用

javascript - 我需要按标题对 Bootstrap 网格行进行排序

javascript - 按钮将输入添加到表单,但仅限第一个。不在多个表单/div 上

javascript - CSS 动画无法启动

javascript - 上传多个文件时,文件名显示在带有删除按钮的文本框中

javascript - Bootstrap 模态显示与透明背景