html里怎么隐藏table,css - 如何隐藏HTML表格行<tr>以便它不占用空间？

css - 如何隐藏HTML表格行

以便它不占用空间？

如何隐藏HTML表格行

以便它不占用空间？ 我有几个设置为style="display:none;"，但它们仍然影响表的大小，表的边框反映隐藏的行。

MikeN asked 2019-08-07T00:59:58Z

15个解决方案

92 votes

你能加一些代码吗？ 我一直向我的表行添加style="display:none;"，它有效地隐藏了整行。

Calvin answered 2019-08-07T01:00:42Z

47 votes

您可以设置

，然后使用JavaScript显示：

var result_style = document.getElementById('result_tr').style;

result_style.display = 'table-row';

Jamshid Hashimi answered 2019-08-07T01:01:07Z

34 votes

我真的很想看看你的TABLE的样式。 例如。“边境崩溃”

只是一个猜测，但它可能会影响“隐藏”行的呈现方式。

o.k.w answered 2019-08-07T01:00:17Z

7 votes

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

就我而言，使用display: none工作正常。

David Thomas answered 2019-08-07T01:01:40Z

5 votes

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

我只在Chrome上测试了它，但是将它放在

上隐藏了行PLUS行内的所有单元格仍然有助于列的宽度。 我有时会在表格的底部添加一行，只有一些垫片使得某些列不能小于某个宽度，然后使用此方法隐藏行。 (我知道你应该能够用其他css做到这一点，但我从来没有得到这个工作)

同样，我处于纯粹的Chrome环境中，所以我不知道它在其他浏览器中是如何运行的。

rgbflawed answered 2019-08-07T01:02:28Z

4 votes

添加以下一些行高：0px; font-size：0px; height：0px; margin：0; padding：0;

我忘记了哪一个做到了。 我认为它是IE6的行高。

s_hewitt answered 2019-08-07T01:03:00Z

4 votes

我遇到了同样的问题，我甚至为每个单元格添加了style =“display：none”。

最后我使用了HTML评论    

Simon Hughes answered 2019-08-07T01:03:34Z

3 votes

您可以使用样式display：none和tr来隐藏它，它将适用于所有浏览器。

Shahid Siddique answered 2019-08-07T01:04:00Z

2 votes

这发生在我身上，我为什么感到困惑。 然后我注意到，如果我删除了任何 我在行内，然后行没有占用任何空间。

Kevin H answered 2019-08-07T01:04:27Z

1 votes

var result_style = document.getElementById('result_tr').style;

result_style.display = '';

对我来说很完美..

Vignesh answered 2019-08-07T01:04:53Z

0 votes

您需要将更改输入类型设置为隐藏，它的所有功能都可以工作，但在页面上不可见

只要输入类型设置为您可以更改其余类型。祝好运！！

user5431987 answered 2019-08-07T01:05:26Z

-2 votes

我遇到了同样的问题，我解决了这个问题。早先的css溢出：隐藏;的z-index：999999;

我把它改成溢出：可见;

Ray Innov answered 2019-08-07T01:05:59Z

-2 votes

HTML：

poi.attraction

JavaScript的：

function updateMap() {

map.setOptions({'styles': getStyles() });

}

function getStyles() {

var styles = [];

for (var i=0; i < types.length; i++) {

var style = {};

var type = types[i];

var enabled = document.getElementById(type).checked;

style['featureType'] = 'poi.' + type;

style['elementType'] = 'labels';

style['stylers'] = [{'visibility' : (enabled ? 'on' : 'off') }];

styles.push(style);

}

return styles;

}

alpc answered 2019-08-07T01:06:21Z

-4 votes

position: absolute将从布局流中删除它并应解决您的问题 - 该元素将保留在DOM中但不会影响其他人。

user2415617 answered 2019-08-07T01:06:47Z

-4 votes

你可以设置

Ramy Said answered 2019-08-07T01:07:13Z