HTML-Tabellenzeilen

Question

Was ist der beste Weg, um die Sichtbarkeit einer Zeile (n) zu deaktivieren und die Lücken zu entfernen. Auch umgekehrt, wenn die Sichtbarkeit eingeschaltet wird, um sicherzustellen, dass die sichtbaren Zeilen erneut angezeigt werden.

Answer 1

Wenn Sie dies auf dem Client (d. H. Über Javascript) tun möchten, versuchen Sie die style.display auf 'none' (und 'Block', um es wieder einzuschalten).

Wenn Sie es auf dem Server behandeln möchten, setzen Sie die Sichtbarkeit der Zeile auf false, dies verhindert, dass die Zeile gerendert wird.

Bearbeiten - Mit Beispiel:

 
function ShowHideRow(row, show) 
{ 
    document.getElementById(row).style.display = (show ? 'block' : 'none'); 
} 

Notiz können Sie möchten die Beratung von Mufasa und verwenden table-row statt Block folgen.

Answer 2

Sie müssen die Eigenschaft 'display' der Zeile (die) auf 'none' setzen. Entweder mit JavaScript wie von Chris oder mit CSS.

Answer 3

Chris hat Recht, außer das Zurücksetzen des Wertes auf den korrekten Tabellenanzeigetyp wäre etwas korrekter, wenn er erneut angezeigt wird. Für eine <TR> würden Sie display: table-row verwenden. Siehe CSS Display Property.

Update: bobince Antwort ist eine praktische Antwort auf wie das Display-Attribut zu verwenden (und nicht verwenden).

Answer 4

Wenn Sie es mit der Anzeigeeigenschaft tun, wie es bisher vorgeschlagen wurde, müssen Sie sich Gedanken über Block vs. Tabellenzeile machen. table-row ist korrekt, aber IE unterstützt es nicht, also müssen Sie browser-sniff wählen.

Potenziell einfacher ist, den Stil direkt zu vermeiden Einstellung, es mit einer CSS-Klasse Regel stattdessen tun:

tr.hidden { display: none; } 

row.className= 'hidden'; // sets display to none 
row.className= ''; // resets display to its default value