Cargando

Ir a contenido

X

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





  AUTOR PREGUNTA

Publicado 22 mayo 2014 - 20: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
  • Volver arriba


 

Publicado 23 mayo 2014 - 03: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 - 04:29
Gracias George, muy bueno tu ejemplo y detallado ;)


X