HTML表格行 - 如何使一个独特的单元格具有100%的宽度？(有截图说明)

Question

这是我的问题:我有一个HTML表,如下所示:

我想要的是在它下面有一个额外的表行,除了这一行跨越表的整个宽度 - 但只有一个单元格.我很快嘲笑了一个例子:

正如您所看到的,我在其下方添加了另一个表行,其中包含一个<td>包含文本的单元格.但是我希望这个单元格跨越整个表格宽度的100% - 它不应该调整"名称"列的宽度.

这样的事情可能吗？如果需要,我很乐意使用jQuery或Javascript - 此外,这不需要在IE中工作,因为每个用户都使用Chrome(虽然这将是一个特权).

Answer 1

在你的情况下,你会做类似的事情

<tr>
  <td colspan="5">This text should be as long as the entire table's width...</td>
</tr>

该colspan属性表示单元格应占用多少列.它应该适用于所有支持表的浏览器,因为它是标准的HTML.

在JavaScript中,您可以设置colSpan单元格的属性,也可以调用.setAttribute("colspan", the_number_of_columns)它.要么应该工作.但除非您动态生成单元格,否则只需colspan在HTML中包含该属性即可.

Answer 2

对于一个跨越所有5列的单元格,

<td colspan="5">Lorem Ipsum</td>