Como adicionar uma aba a uma tabela com lista de dados?

  • Autor Autor iniciopublic
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
iniciopublic

iniciopublic

Préstamo impago
1
Ómicron
Verificación en dos pasos activada
Suscripción a IA
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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Para el tamaño, con CSS, le pones:
Inserir CODE, HTML ou 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:
Inserir CODE, HTML ou PHP:
$(this).hide().nextAll().show();

Claro que debes usar jQuery. Con javascript también se puede, pero sería mucho más largo.
 
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.
 
Voltar
Topo