141 votes

Comment puis-je cacher un tableau HTML ligne <tr> de sorte qu'il prend pas de place?

Comment puis-je cacher un tableau HTML ligne <tr> alors qu'il prend pas de place? J'ai plusieurs <tr>'ensemble de style="display:none;", mais ils ont encore une incidence sur la taille de la table et de la bordure du tableau reflète les lignes masquées.

126voto

Calvin L Points 3591

Vous pouvez inclure du code? - Je ajouter style="display:none;" de mes lignes de la table tout le temps et il dissimule efficacement l'ensemble de la ligne.

74voto

Jamshid Hashimi Points 1661

Vous pouvez configurer <tr id="result_tr" style="display: none;"> puis de le montrer de retour avec JavaScript:

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

43voto

o.k.w Points 15721

J'aimerais vraiment voir votre TABLE de style. E. g. "border-collapse"

Juste une supposition, mais il peut affecter la façon "cachée" des lignes sont rendus.

9voto

David Thomas Points 111253

Si display: none; ne fonctionne pas, comment sur la configuration d' height: 0; à la place? En conjonction avec une marge négative (égale ou supérieure à la hauteur du haut et du bas des frontières, le cas échéant) pour supprimer l'élément? Je n'imagine pas qu' position: absolute; top: 0; left: -4000px; , mais il pourrait être la peine d'essayer.

Pour ma part, à l'aide de display: none fonctionne très bien.

4voto

Simon Hughes Points 37

J'ai eu le même problème, j'ai même ajouté style="display: none" à chaque cellule.

En fin de compte j'ai utilisé les commentaires HTML <!-- [HTML] -->

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X