{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 smile是对你的礼貌 的问题《Alternative to visibility:collapse not working on》','https://www.manongdao.com/q-1349687.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
The following page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css">
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>
works only in Firefox. IE always displays the row, and Chrome hides the row but showing its vertical space. So, how can I hide completely a row using only CSS?
visibility: collapse; in a tr and td for me is just hiding the data but still taking up vertical space in Safari in 2020. Works fine in chrome (row and column widths still ok but vertical space is gone)
was implemented in IE8
http://msdn.microsoft.com/en-us/library/ms531180%28VS.85%29.aspx
It is outdated, but you could use innerHTML to rewrite the parts that you want to be "gone."
Use
display: none
instead of visibility: collapse
It works for me to hide the dojo tree grid summary row in IE6 & Google Chrome
Well it seems
visibility: collapsecan be used in IE as well. I am using it and it is working in both IE and Firefox. Dont know about other browsers apart from these two.I have done the following:
HTML:
<table class="intValidationTable"><tr class="rangeTR" style="visibility: collapse;"><tr class="listTR" style="visibility: collapse;">Javascript + Jquery:
var rows = $('table.intValidationTable tr');var rangeTR = rows.filter('.rangeTR');var listTR = rows.filter('.listTR');rangeTR.css("visibility", "visible");listTR.css("visibility", "collapse");This should work!
visibility: collapsedoes not work in IE. Source seems you will need to usehiddeninstead for IE. See the linked page for details.Also, it doesn't hurt to give the construct a complete HTML structure: