Ocultar sección de tabla sin afectar diseño - jQuery
Iniciado por
Gabriel Estrada
, may 22 2014 21:38
Pulsa corazón para recibir avisos de nuevas Respuestas
AUTOR PREGUNTA #1
Publicado 22 mayo 2014 - 21:38
¿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]
-
¿Tienes la misma pregunta? Yo también
Esto también te interesa!
PREGUNTAS SIMILARES
#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();
AUTOR PREGUNTA #3
Publicado 23 mayo 2014 - 05:29
Gracias George, muy bueno tu ejemplo y detallado 
