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>，而只是一个。

为什么我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。

在样式化 a 时使用table-row, no 。完美的！blocktr