Ocultar sección de tabla sin afectar diseño - jQuery



   AUTOR PREGUNTA

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

 

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

Publicado 23 mayo 2014 - 05:29

Gracias George, muy bueno tu ejemplo y detallado