wake-up-neo.com

Wie kann ich eine HTML-Tabellenzeile <tr> ausblenden, so dass kein Platz benötigt wird?

Wie kann ich eine HTML-Tabellenzeile <tr> ausblenden, so dass kein Platz benötigt wird? Ich habe mehrere <tr>s auf style="display:none;" gesetzt, aber sie beeinflussen immer noch die Größe der Tabelle und der Rahmen der Tabelle spiegelt die ausgeblendeten Zeilen wider.

90
MikeN

Ich würde wirklich gerne das Styling Ihres TABLE sehen. Z.B. "Grenzzusammenbruch"

Nur eine Vermutung, aber es kann Einfluss darauf nehmen, wie "verborgene" Zeilen gerendert werden.

34
o.k.w

Können Sie etwas Code einfügen? Ich füge die ganze Zeit style="display:none;" zu meinen Tabellenzeilen hinzu, wodurch die gesamte Zeile effektiv ausgeblendet wird.

91
Calvin

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

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

Wenn display: none; nicht funktioniert, wie wäre es stattdessen, height: 0; einzustellen? 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; funktionieren würde, aber es könnte einen Versuch wert sein.

Für meinen Teil funktioniert display: none gut.

7
David Thomas

Ich hatte das gleiche Problem und fügte sogar jeder Zelle stil = "display: none" hinzu.

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

4
Simon Hughes

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

Ich habe vergessen, wer es tut. Ich denke, es ist Zeilenhöhe für IE6.

4
s_hewitt

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

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

Ich habe es nur in Chrome getestet, aber wenn Sie dies in <tr> einfügen, wird die Zeile ausgeblendet und alle Zellen in der Zeile tragen immer noch zu den Spaltenbreiten bei. Ich werde manchmal eine zusätzliche Zeile am unteren Rand einer Tabelle mit nur einigen Abstandhaltern erstellen, sodass bestimmte Spalten eine bestimmte Breite nicht unterschreiten können. Dann wird die Zeile mit dieser Methode ausgeblendet. (Ich weiß, dass Sie in der Lage sein sollten, dies mit anderen CSS zu tun, aber ich habe das noch nie zum Laufen gebracht.)

Auch hier bin ich in einer reinen Chrom-Umgebung, daher habe ich keine Ahnung, wie dies in anderen Browsern funktioniert.

4
rgbflawed

Sie können die Stilanzeige verwenden: none mit tr, um sie auszublenden, und es funktioniert mit allen Browsern.

3
Shahid Siddique

Das ist mir passiert 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.

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

funktioniert perfekt für mich ..

1
Vignesh

Die Änderung des Eingabetyps muss ausgeblendet werden. Alle Funktionen funktionieren, sind aber auf der Seite nicht sichtbar

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

solange der Eingabetyp so eingestellt ist, dass Sie den Rest ändern können . Viel Glück !!

0
user5431987