HTMLテーブルの行<tr>を非表示にして、スペースを取らないようにするにはどうすればよいですか？

HTMLテーブルの行を非表示にして、<tr>スペースを取らないようにするにはどうすればよいですか？にいくつか<tr>のを設定しstyle="display:none;"ていますが、それでもテーブルのサイズに影響し、テーブルの境界線は非表示の行を反映しています。

TABLEのスタイリングを是非ご覧になってください。例：「ボーダーコラプス」

単なる推測ですが、「非表示」の行がどのようにレンダリングされるかに影響を与える可能性があります。

いくつかのコードを含めることはできますか？style="display:none;"常にテーブルの行に追加すると、行全体が効果的に非表示になります。

<tr id="result_tr" style="display: none;">JavaScriptで設定してから表示することができます。

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

これに潜在的な他の解決策を追加すると思いました：

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

私はそれをChromeでテストしただけですが、これを<tr>非表示にすると行が非表示になり、行内のすべてのセルは列の幅に寄与します。テーブルの下部に、特定の列が特定の幅よりも小さくならないようにするためのスペーサーをいくつか追加して行を追加し、このメソッドを使用して行を非表示にする場合があります。（私はあなたが他のCSSでこれを行うことができるはずだと知っていますが、私はそれを動作させることができませんでした）

繰り返しますが、私は純粋なクロム環境にいるので、他のブラウザでこれがどのように機能するのかわかりません。

display: none;動作しない場合は、height: 0;代わりに設定してみませんか？要素をさらに削除するために、負のマージン（上下の境界の高さがある場合はそれ以上）と合わせて？うまくいくとは思いませんposition: absolute; top: 0; left: -4000px;が、試してみる価値はあります。

私の場合、を使用display: noneするとうまくいきます。

次のline-height：0px; font-size：0px; height：0px; margin：0; padding：0;のいくつかを追加します。

誰がやるのか忘れてしまいました。IE6の行の高さだと思います。

同じ問題が発生していましたが、各セルにstyle = "display：none"を追加しました。

最後にHTMLコメントを使用しました <!-- [HTML] -->

スタイルdisplay：noneをtrで使用して非表示にすると、すべてのブラウザーで機能します。

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

私のために完璧に働いています。

これは私に起こり、私はなぜか困惑しました。次に、nbspを削除すると、行内にあったので、行はスペースをとりませんでした。

入力タイプを非表示に変更する必要があります。その機能はすべて機能しますが、ページには表示されません。

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

入力タイプがそれに設定されている限り、残りを変更できます。幸運を！！

私は同じ問題を抱えていて、問題を解決しました。以前のcssは、overflow：hiddenでした。z-index：999999;

私はそれをoverflow：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 レイアウトフローから削除し、問題を解決します。要素はDOMに残りますが、他の要素には影響しません。

設定できます

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