¿Cómo agregar una pestaña a una tabla con lista de datos?

iniciopublic · 2013-08-24T21:42:38-0500

bueno , no se si me explico bien , soy nuevo en la programacion

tengo una tabla que se llena de datos , pero no quiero que la tabla crezca de tamaño , quisiera ponerle cuando llege por ejemplo a una altura de : height="400" se detenga y aparezca una pestaña abajo para que al darle click aparezca toda la lista

¿como puedo hacer eso? no estoy seguro si se puede con java scripts

saludos

AcidShout · 13 Ene 2014

Para el tamaño, con CSS, le pones:

Insertar CODE, HTML o PHP:

max-height: 400px;

Para "ver más", ocultas todos los "tr" a partir de una cierta cantidad que te parezca razonable, y abajo pones, manualmente, un enlace que tenga de onclick:

Insertar CODE, HTML o PHP:

$(this).hide().nextAll().show();

Claro que debes usar jQuery. Con javascript también se puede, pero sería mucho más largo.

LordThanatos · 23 Ene 2014

Coincido con el código CSS que propone AcidShout, pero encuentro que el código de jQuery no es particularmente intuitivo.

Ponele max-height a la tabla y utilizá el comportamiento del botón "ver más" para quitárselo:

$("#tabla").css("max-height", "none");

Eso hace que la tabla crezca.

¿Cómo agregar una pestaña a una tabla con lista de datos?

iniciopublic

AcidShout

LordThanatos

Temas similares