La page suivante:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css">
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>
6 Réponses :
Cependant, la spécification indique clairement que, dans le cas des colonnes, seul effondrement est une valeur valide. L'effondrement n'est supporté que par Firefox. Étant donné que Explorer Windows prend en charge toutes les déclarations de style sur les colonnes, il prend également en charge la visibilité: caché.
En outre, il ne fait pas mal de donner à la construction une structure HTML complète: Visibilité: Collapse ne fonctionne pas dans IE. Source semble que vous devriez utiliser caché pour ie. Voir la page liée pour plus de détails.
Je connais déjà la valeur cachée de la propriété de visibilité. Caché n'est pas la bonne solution à mon problème. Je veux que la ligne disparaisse complètement: c'est-à-dire qu'il ne doit pas montrer un espace vide. Cachée cache des données, mais conserve l'espace vertical. L'effondrement cache les données et retirez l'espace pris par la ligne, comme s'il n'était pas du tout.
visibility: collapse was implemented in IE8http://msdn.microsoft.com/en-us/library/ms531180%28VS.85%29.aspx
Il est obsolète, mais vous pouvez utiliser innerhtml pour réécrire les pièces que vous voulez être "parties".
utiliser au lieu de
visibilité: effondrement
Cela fonctionne pour moi de masquer la ligne de résumé de la grille de Dojo Tree dans IE6 et Google Chrome
Affichage: Aucun
Malheureusement, Affichage: Aucun; entraîne également l'ignoration des lignes et des cellules à des fins de calcul des rangs de rangement et de colscan dans au moins quelques navigateurs, provoquant des dispositions de table avec des rangées de rangée et de Colspan.
Définira la visibilité à visible faire apparaître? Ou devrai-je devoir vous débarrasser de l'affichage aussi.
Eh bien, il semble J'ai fait ce qui suit:
html:
JavaScript + jQuery:
Cela devrait fonctionner!
Visibilité: effondrement; Dans une TR et TD pour moi, cachez-moi simplement de cacher les données mais prenant toujours un espace vertical dans Safari en 2020. Fonctionne bien en chrome (largeur de rangée et de colonne toujours ok mais la verticale est partie) Visibilité: Collapse peut également être utilisé dans IE. J'utilise cela et cela fonctionne à la fois par IE et Firefox. Ne savez pas d'autres navigateurs à part ces deux.
var lignes = $ ('Table.IntValidationTable TR');
var rangetr = rangs.filter ("rangetr ');
var listtr = lignes.filter ('. ListeTR');
rangetr.css ("visibilité", "visible");
listtr.css ("visibilité", "effondrement");
0 commentaires
0
votes
0 commentaires
Avez-vous essayé "
affichage: aucun; "?Cela semble fonctionner! Merci beaucoup!
Il est un peu tardif mais vous pouvez le faire fonctionner sur chrome De cette façon