javascript - 表 td colspan 不适用于具有 ID 的 tr

Question

我有一个类似于下面的表结构:

<tr>
  <td colspan="5">
    TEST
  </td>
</tr>
<tr id="abcd_<?php echo  $id; ?>" style="display: none;">
  <td colspan="5">
    <span id="hidtb_<?php echo  $id; ?>"></span>
  </td>
</tr>

表格在循环中，$id 的值变化。第二个tr设置为 display : block使用 JavaScript。但是 <td colspan="5">没有涵盖所有五个 <td> s，而不是只有一个。

为什么是我的 colspan不工作？

Answer 1

这是 display: block 的问题。

请引用以下链接 http://thedesignspace.net/MT2archives/000376.html#.UUrg3FfCd1u

如果您要隐藏 tr，则使用 display: table-row 而不是 display: block 来显示 tr.

如果您要隐藏 td，则使用 display: table-cell 而不是 display: block 来显示 td.

使用 table-row，在设置 tr 样式时没有 block。完美!