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使用javascript设置为display : block。但<td colspan="5">并未涵盖所有五个<td>，而只覆盖一个。{{0}}。为什么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设置样式时使用block，无tr。完美！

Answer 2

tr的陪审曲：$('#updcol').css('display','table-row'); td的Juqery：$('#updcol').css('display','table-cell'); 对隐藏工具使用无显示style="display:none"