¿De qué forma puedo ocultar una sección de una tabla y como debe estar [size=4]estructurada para lograr esto sin afectar el diseño?[/size]
Ocultar sección de tabla sin afectar diseño - jQuery
Iniciado por
Gabriel Estrada
, may 22 2014 21:38
#1 AUTOR PREGUNTA
Preguntas Similares
Esto también te interesa!
#2
Publicado 23 mayo 2014 - 04:47
Vamos a colocarle a la tabla la clase Tabla_ocultar, esta es la que ocultaremos y luego en el código jQuery se utilizarán los métodos hide y show para lograr lo que deseas:
<table> <tbody> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr class="Mostrar_filas"><td>Mostrar</td><td>Ocultar</td></tr> </tbody> <tbody class="Tabla_Ocultar" style="display:none"> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> </tbody> <tbody> <tr class=" Mostrar_filas "><td>Final</td><td>Ocultar</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> </tbody> </table> //jQuery $('#boton).click( function() { $('.Table_Middle').hide(); $('.Mostrar_filas').show(); $('.Mostrar_filas').click( function() { $('.Mostrar_filas').hide(); $('.Table_Middle').show();
#3 AUTOR PREGUNTA
Publicado 23 mayo 2014 - 05:29
Gracias George, muy bueno tu ejemplo y detallado