La siguiente página:

<!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>

sólo funciona en Firefox. Es decir, siempre se muestra la fila, y Chrome oculta la fila, pero mostrando su espacio vertical.
Así que, ¿cómo puedo ocultar completamente una fila usando sólo CSS?

  • ¿Has probado «display: none;«?
  • Parece que funciona! Muchas gracias!
  • Es un poco tarde, pero usted puede conseguir que funcione en Chrome de esta manera
InformationsquelleAutor tic | 2010-03-21

5 Comentarios

  1. 15

    Uso

    display: none

    lugar de
    visibilidad: colapso

    A mí me funciona para ocultar el dojo, el árbol de la cuadrícula de la fila de resumen en IE6 & Google Chrome

    • Por desgracia, display: none; también hace que las filas y las celdas para ser ignorado para los fines del cálculo de rowspan y colspan en al menos un par de navegadores, causando que los diseños de tabla con rowspan y colspan a ir todos wonky.
    • Será la configuración de visibilidad visible hacer que aparezca? O voy a tener que deshacerse de la pantalla cosa así.
  2. 1

    visibility: collapse no funciona en IE. Fuente parece usted tendrá que utilizar hidden lugar para IE. Consulte los enlaces de la página para más detalles.

    Sin embargo, la especificación establece claramente que en el caso de las columnas, sólo el colapso es un valor válido. colapso sólo es compatible con Firefox. Desde el Explorador de Windows es compatible con todas las declaraciones de estilo en las columnas de todos modos, también es compatible con visibility: hidden.

    También, no hace daño a dar a la construcción de una completa estructura HTML:

    <!DOCTYPE html PUBLIC 
     "-//W3C//DTD XHTML 1.0 Transitional//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <HTML>
    <HEAD>
    <STYLE type="text/css"> 
     ....
    </STYLE>
    </HEAD>
    ...
    • No, no funciona.
    • actualizado mi respuesta.
    • Ya sé que el valor oculto de la propiedad de visibilidad. Oculta no es la solución a mi problema. Quiero la fila desaparece por completo: es decir, no ha de mostrar un espacio en blanco. Oculta oculta datos, PERO conserva el espacio vertical. Colapso oculta los datos Y eliminar el espacio ocupado por la fila, como si no estaba allí en absoluto.
  3. 0

    Bien parece visibility: collapse puede ser utilizado en IE. La estoy usando y se está trabajando tanto en IE y Firefox. No sé acerca de otros navegadores aparte de estos dos.

    He hecho lo siguiente:

    HTML:

    <table class="intValidationTable">

    <tr class="rangeTR" style="visibility: collapse;">

    <tr class="listTR" style="visibility: collapse;">

    Javascript + Jquery:

    var rows = $('table.intValidationTable tr');

    var rangeTR = rows.filter('.rangeTR');

    var listTR = rows.filter('.listTR');

    rangeTR.css("visibility", "visible");

    listTR.css("visibility", "collapse");

    Esto debería funcionar!

Dejar respuesta

Please enter your comment!
Please enter your name here