blocks|key|1286813|text|我真的很想看看你们桌子的造型。例如，“边框崩溃”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1286814|这只是一个猜测，但它可能会影响“隐藏”行的呈现方式。|1286815|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I would really like to see your TABLE's styling. E.g. "border-collapse"

Just a guess, but it might affect how 'hidden' rows are being rendered.

blocks|key|1286681|text|你能包含一些代码吗？我一直将style="display:none;"添加到我的表行中，它有效地隐藏了整个行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1286682|entityMap^0|E|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Can you include some code? I add <code>style="display:none;"</code> to my table rows all the time and it effectively hides the entire row.

blocks|key|1501800|text|您可以设置<tr+id="result_tr"+style="display:+none;">，然后使用JavaScript重新显示它：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1501801|var+result_style+=+document.getElementById('result_tr').style;
result_style.display+=+'table-row';|code-block|syntax|javascript|1501802|entityMap^0|5|16|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can set <code>&lt;tr id="result_tr" style="display: none;"&gt;</code> and then show it back with JavaScript:

<pre><code>var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';
</code></pre>

blocks|key|1287313|text|我想在此添加一个潜在的其他解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1287314|<tr+style='visibility:collapse'><td>stuff</td></tr>|offset|length|style|CODE|1287315|我只在Chrome上测试过它，但是把它放在<tr>上会隐藏行，而行中的所有单元格仍然影响列的宽度。我有时会在表格的底部加一行，只用一些空格，这样某些列就不能小于一定的宽度，然后用这种方法隐藏这一行。(我知道你应该能够用其他css做到这一点，但我从来没有让它工作过)|1287316|同样，我处于纯chrome环境中，所以我不知道这在其他浏览器中是如何工作的。|1287317|entityMap^0|0|0|1F|0|L|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

Thought I'd add to this a potential other solution:

<code>&lt;tr style='visibility:collapse'&gt;&lt;td&gt;stuff&lt;/td&gt;&lt;/tr&gt;</code>

I've only tested it on Chrome but putting this on the <code>&lt;tr&gt;</code> hides the row PLUS all the cells inside the row still contribute to the widths of the columns. I will sometimes make an extra row at the bottom of a table with just some spacers that make it so certain columns can't be less than a certain width, then hide the row using this method. (I know you're supposed to be able to do this with other css but I've never gotten that to work)

Again, I'm in a purely chrome environment so I have no idea how this functions in other browsers.

blocks|key|1501637|text|如果display:+none;不能工作，那么设置height:+0;如何呢？并加上负边距(等于或大于顶部和底部边框的高度，如果有)以进一步删除该元素？我不认为position:+absolute;+top:+0;+left:+-4000px;会工作，但它可能值得一试。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1501638|对于我来说，使用display:+none工作得很好。|1501639|entityMap^0|2|E|P|A|28|16|0|8|D|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

If <code>display: none;</code> doesn't work, how about setting <code>height: 0;</code> instead? In conjunction with a negative margin (equal to, or greater than, the height of the top and bottom borders, if any) to further remove the element? I don't imagine that <code>position: absolute; top: 0; left: -4000px;</code> would work, but it might be worth a try.

For my part, using <code>display: none</code> works fine.

blocks|key|1501945|text|var+result_style+=+document.getElementById('result_tr').style;
result_style.display+=+'';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1501946|对我来说是完美的..|unstyled|1501947|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>var result_style = document.getElementById('result_tr').style;
result_style.display = '';
</code></pre>

is working perfectly for me..

blocks|key|1286758|text|添加以下一些line-height:0px;font-size:0px;height:0px;margin:0;padding:0；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1286759|我忘了是哪一个做的。我认为这是IE6的行高。|1286760|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Add some of the following line-height:0px;font-size:0px;height:0px;margin:0;padding:0;

I forget which one does it. I think it's line-height for IE6.

blocks|key|1501742|text|我也遇到了同样的问题，我甚至给每个单元格添加了style="display:+none“。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1501743|最后我使用了超文本标记语言注释|offset|length|style|CODE|1501744|entityMap^0|0|F|F|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I was having the same issue, I even added style="display: none" to each cell.

In the end I used HTML comments 
 <code>&lt;!-- [HTML] --&gt;</code>

blocks|key|1286990|text|你可以使用style+display:none和tr来隐藏，它可以在所有浏览器中工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1286991|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can use style display:none with tr to hide and it will work with all browsers.

blocks|key|1286843|text|这件事发生在我身上，我很困惑为什么。然后我注意到，如果我删除行中的任何nbsp；，那么行不会占用任何空间。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1286844|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

This happened to me and I was baffled as to why. Then I noticed that if i removed any nbsp; i had within the rows, then the rows didn't take up any space.

blocks|key|1502011|text|您需要将输入类型更改为隐藏，它的所有功能都可以工作，但它在页面上不可见|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1502012|<input+type="hidden"+name=""+id=""+value="">|code-block|syntax|javascript|1502013|只要输入类型设置为，您就可以更改其余部分。祝你好运！|1502014|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You need to put the change the input type to hidden, all the functions of it work but it is not visible on the page

<pre><code>&lt;input type="hidden" name="" id="" value=""&gt;
</code></pre>

as long as the input type is set to that you can change the rest.
Good Luck!!

blocks|key|1501959|text|HTML：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1501960|<input+type="checkbox"+id="attraction"+checked="checked"+onchange="updateMap()">poi.attraction</input>|code-block|syntax|javascript|1501961|JavaScript：|1501962|function+updateMap()+{
+++++map.setOptions({'styles':+getStyles()+});
}+

function+getStyles()+{
++++var+styles+=+[];
++++for+(var+i=0;+i+<+types.length;+i%2B%2B)+{
++++++var+style+=+{};
++++++var+type+=+types[i];
++++++var+enabled+=+document.getElementById(type).checked;
++++++style['featureType']+=+'poi.'+%2B+type;
++++++style['elementType']+=+'labels';
++++++style['stylers']+=+[{'visibility'+:+(enabled+?+'on'+:+'off')+}];
++++++styles.push(style);
++++}
++++return+styles;
}|1501963|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

HTML:

<pre><code>&lt;input type="checkbox" id="attraction" checked="checked" onchange="updateMap()"&gt;poi.attraction&lt;/input&gt;
</code></pre>

JavaScript:

<pre><code>function updateMap() {
 map.setOptions({'styles': getStyles() });
} 

function getStyles() {
 var styles = [];
 for (var i=0; i &lt; 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;
}
</code></pre>

blocks|key|1502049|text|我也遇到了同样的问题，我解决了这个问题。早期的css是overflow:hidden；z-index:999999；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1502050|我将其更改为overflow:visible；|1502051|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I was having same problem and I resolved the issue.
Earlier css was overflow:hidden; z-index:999999;

I change it to overflow:visible;

blocks|key|1501900|text|position:+absolute会将其从布局流中移除，并且应该可以解决您的问题--该元素将保留在DOM中，但不会影响其他元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1501901|entityMap^0|0|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>position: absolute</code> will remove it from the layout flow and should solve your problem - the element will remain in the DOM but won't affect others.

blocks|key|1501912|text|您可以设置|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1501913|<table>
++<tr+style="visibility:+hidden"></tr>
</table>+|code-block|syntax|javascript|1501914|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can set 

<pre><code>&lt;table&gt;
 &lt;tr style="visibility: hidden"&gt;&lt;/tr&gt;
&lt;/table&gt; 
</code></pre>

How can I hide an HTML table row <code>&lt;tr&gt;</code> so that it takes up no space? I have several <code>&lt;tr&gt;</code>'s set to <code>style="display:none;"</code>, but they still affect the size of the table and the table's border reflects the hidden rows.

How can I hide an HTML table row <tr> so that it takes up no space?

我怎样才能隐藏一个超文本标记语言表格行<tr>，使它不占用空间？我有几个<tr>设置为style="display:none;"，但它们仍然影响表的大小，并且表的边框反映隐藏的行。

问我怎样才能隐藏一个超文本标记语言表格行<tr>，使它不占用空间？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能隐藏一个超文本标记语言表格行<tr>，使它不占用空间？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我怎样才能隐藏一个超文本标记语言表格行<tr>，使它不占用空间？
EN