HTML tablosu satırını <tr>, yer kaplamaması için nasıl gizleyebilirim?

Yer kaplamaması için bir HTML tablosu satırını nasıl gizleyebilirim <tr>? Birkaç var <tr>etmek 'ın setini style="display:none;", ama yine de tablonun büyüklüğü ve tablonun sınır gizli satırlar yansıtmaktadır etkiler.

TABLE'nizin stilini gerçekten görmek isterim. Ör. "Kenarlık daraltma"

Sadece bir tahmin, ancak 'gizli' satırların nasıl işlendiğini etkileyebilir.

Biraz kod ekleyebilir misin? style="display:none;"Tablo satırlarıma her zaman eklerim ve tüm satırı etkili bir şekilde gizler.

<tr id="result_tr" style="display: none;">JavaScript ile ayarlayabilir ve sonra tekrar gösterebilirsiniz:

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

Buna potansiyel başka bir çözüm ekleyeceğimi düşündüm:

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

Bunu yalnızca Chrome'da test ettim, ancak bunu <tr>PLUS satırına koymak , satırın içindeki tüm hücreler hala sütunların genişliğine katkıda bulunuyor. Bazen bir tablonun altında, belirli sütunların belirli bir genişlikten daha az olmamasını sağlayan birkaç boşluk bırakıcıyla fazladan bir satır oluşturacağım ve sonra bu yöntemi kullanarak satırı gizleyeceğim. (Bunu diğer css ile yapabilmen gerektiğini biliyorum ama bunu asla işe yaramamıştım)

Yine, tamamen krom bir ortamdayım, bu yüzden bunun diğer tarayıcılarda nasıl çalıştığını bilmiyorum.

Eğer display: none;, nasıl ayarlama hakkında çalışmaz height: 0;yerine? Öğeyi daha da kaldırmak için negatif bir kenar boşluğuyla (varsa, üst ve alt kenarlıkların yüksekliğine eşit veya daha büyük) birlikte mi? Bunun işe position: absolute; top: 0; left: -4000px;yarayacağını sanmıyorum , ama denemeye değer olabilir.

Benim açımdan, display: noneişler iyi.

Aşağıdaki satır yüksekliğinden bazılarını ekleyin: 0px; font-size: 0px; height: 0px; margin: 0; padding: 0;

Hangisinin yaptığını unutuyorum. Sanırım IE6 için satır yüksekliği.

Aynı sorunu yaşıyordum, hatta her hücreye style = "display: none" bile ekledim.

Sonunda HTML yorumları kullandım <!-- [HTML] -->

Stil gösterimini kullanabilirsiniz: hiçbiri, gizlemek için tr ile birlikte ve tüm tarayıcılarda çalışır.

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

benim için mükemmel çalışıyor ..

Bu bana oldu ve neden olduğu konusunda şaşkındım. Sonra fark ettim ki herhangi bir nbsp'yi kaldırırsam; Satırların içindeydim, sonra satırlar hiç yer kaplamadı.

Değişikliği giriş türünü gizli olarak ayarlamanız gerekir, tüm işlevleri çalışır ancak sayfada görünmez

<input type="hidden" name="" id="" value="">

giriş türü ayarlandığı sürece geri kalanını değiştirebilirsiniz. İyi şanslar!!

Ben de aynı sorunu yaşıyordum ve sorunu çözdüm. Daha önce css taşıyordu: gizli; z-endeksi: 999999;

Ben onu overflow olarak değiştiriyorum: visible;

HTML:

<input type="checkbox" id="attraction" checked="checked" onchange="updateMap()">poi.attraction</input>

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;
}

position: absolute bunu düzen akışından kaldıracak ve sorununuzu çözecektir - öğe DOM'da kalacak ancak diğerlerini etkilemeyecektir.

Ayarlayabilirsiniz

<table>
  <tr style="visibility: hidden"></tr>
</table>