如何隐藏HTML表格行<tr>以便它不占用空间？

Question

如何隐藏HTML表格行<tr>以使其不占用空间？我有几个<tr>设置style="display:none;",但它们仍然影响表的大小,表的边框反映隐藏的行.

Answer 1

你能加一些代码吗？我一直添加style="display:none;"到表格行,它有效地隐藏了整行.

Answer 2

您可以设置<tr id="result_tr" style="display: none;">然后使用JavaScript显示它:

var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';

Answer 3

我真的很想看看你的TABLE的样式.例如"边界崩溃"

只是一个猜测,但它可能会影响"隐藏"行的呈现方式.

Answer 4

以为我会为此添加一个潜在的其他解决方案：

<tr style='visibility:collapse'><td>stuff</td></tr>

我仅在Chrome上进行了测试，但将其<tr>隐藏起来会隐藏行，并且行内的所有单元格仍会影响列的宽度。有时，我会在表的底部增加一个额外的行，其中仅带有一些使其成为空白的间隔符，以使某些列的宽度不能小于某个宽度，然后使用此方法隐藏该行。（我知道您应该能够与其他css一起执行此操作，但我从未使它起作用）

同样，我处于纯Chrome环境中，所以我不知道它如何在其他浏览器中起作用。

Answer 5

如果display: none;不起作用,那么设置怎么样height: 0;？与负边距(等于或大于顶部和底部边界的高度,如果有的话)一起进一步去除元素？我不认为这position: absolute; top: 0; left: -4000px;会奏效,但值得一试.

就我而言,使用display: none工作正常.