将rowspan单元格添加到表的末尾

时间:2016-01-04 14:27:06

标签: html

http://puu.sh/mjgya/d1c9532e71.png

我想使用rowspan属性创建一个包含分色的表,然后在最后一列中的总行数需要与前3列相同的行数。我可能只是制作了几个虚拟单元并让它们看不见,但我想知道正确的方法是什么。我已经做了一些搜索,但我绝对不会考虑使用正确的关键字。对不起,如果这很明显,似乎无法绕过它。

1 个答案:

答案 0 :(得分:1)

我不太确定你在寻找什么,但我试了一下:

table {
  border: solid 1px black;
}

td {
  border: solid 1px black;
  background-color: #ccc;
  padding: 2px 5px 2px 5px
}
<table>
  <tr>
    <td>[]
    </td>
    <td>App Name
    </td>
    <td>App ID
    </td>
    <td>Add Type
    </td>
    <td>Impressions
    </td>
    <td>App Impressions
    </td>
  </tr>
  <tr>
    <td rowspan="5">[]
    </td>
    <td rowspan="5">Name #1
    </td>
    <td rowspan="5">17
    </td>
    <td>Appwall
    </td>
    <td>2,901
    </td>
    <td rowspan="5"> ???
    </td>
  </tr>
  <tr>
    <td>Banner
    </td>
    <td>2,901
    </td>
  </tr>
  <tr>
    <td>Dialogue
    </td>
    <td>2,901
    </td>
  </tr>
  <tr>
    <td>Landing Page
    </td>
    <td>2,901
    </td>
  </tr>
  <tr>
    <td>Selfpromotion
    </td>
    <td>2,901
    </td>
  </tr>
</table>
  

我希望这会有所帮助。

此致