Wie kann ich eine HTML-Tabellenzeile <tr> ausblenden, damit sie keinen Platz beansprucht?

Wie kann ich eine HTML-Tabellenzeile ausblenden <tr>, damit sie keinen Platz beansprucht? Ich habe mehrere <tr>festgelegt style="display:none;", aber sie wirken sich immer noch auf die Größe der Tabelle aus, und der Tabellenrand spiegelt die ausgeblendeten Zeilen wider.

Ich würde wirklich gerne das Styling Ihres TISCHS sehen. ZB "Grenzkollaps"

Nur eine Vermutung, aber es könnte sich darauf auswirken, wie "versteckte" Zeilen gerendert werden.

Können Sie Code einfügen? Ich füge style="display:none;"meine Tabellenzeilen ständig hinzu und es verbirgt effektiv die gesamte Zeile.

Sie können <tr id="result_tr" style="display: none;">es mit JavaScript festlegen und dann wieder anzeigen:

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

Ich dachte, ich würde dem eine mögliche andere Lösung hinzufügen:

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

Ich habe es nur auf Chrome getestet, aber wenn ich dies auf die <tr>Verstecke der Zeile stecke, tragen alle Zellen in der Zeile immer noch zur Breite der Spalten bei. Ich werde manchmal eine zusätzliche Zeile am Ende einer Tabelle mit nur einigen Abstandshaltern erstellen, damit bestimmte Spalten nicht kleiner als eine bestimmte Breite sein können, und dann die Zeile mit dieser Methode ausblenden. (Ich weiß, dass du das mit anderen CSS machen sollst, aber ich habe das nie zum Laufen gebracht)

Auch hier bin ich in einer rein verchromten Umgebung, daher habe ich keine Ahnung, wie dies in anderen Browsern funktioniert.

Wenn display: none;dies nicht funktioniert, wie wäre es height: 0;stattdessen mit einer Einstellung ? In Verbindung mit einem negativen Rand (gleich oder größer als die Höhe des oberen und unteren Randes, falls vorhanden), um das Element weiter zu entfernen? Ich kann mir nicht vorstellen, dass position: absolute; top: 0; left: -4000px;das funktionieren würde, aber es könnte einen Versuch wert sein.

Für meinen Teil display: nonefunktioniert die Verwendung gut.

Fügen Sie einige der folgenden Zeilenhöhen hinzu: 0px; Schriftgröße: 0px; Höhe: 0px; Rand: 0; Auffüllen: 0;

Ich vergesse, welcher es tut. Ich denke, es ist Zeilenhöhe für IE6.

Ich hatte das gleiche Problem, ich habe sogar style = "display: none" zu jeder Zelle hinzugefügt.

Am Ende habe ich HTML-Kommentare verwendet <!-- [HTML] -->

Sie können die Stilanzeige verwenden: keine mit tr zum Ausblenden und sie funktioniert mit allen Browsern.

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

funktioniert perfekt für mich ..

Das passierte mir und ich war verblüfft, warum. Dann bemerkte ich, dass, wenn ich nbsp entfernte; Ich hatte innerhalb der Reihen, dann nahmen die Reihen keinen Platz ein.

Sie müssen die Änderung des Eingabetyps auf "Ausgeblendet" setzen. Alle Funktionen funktionieren, aber sie sind auf der Seite nicht sichtbar

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

Solange der Eingabetyp auf diesen eingestellt ist, können Sie den Rest ändern. Viel Glück!!

Ich hatte das gleiche Problem und habe das Problem behoben. Frühere CSS war überlaufen: versteckt; Z-Index: 999999;

Ich ändere es auf Überlauf: sichtbar;

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 entfernt es aus dem Layoutfluss und sollte Ihr Problem lösen - das Element bleibt im DOM, wirkt sich jedoch nicht auf andere aus.

Sie können einstellen

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