elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Arreglado, de nuevo, el registro del warzone (wargame) de EHN


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [AYUDA] Ayuda con una tabla (puede ser bootstrap)
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [AYUDA] Ayuda con una tabla (puede ser bootstrap)  (Leído 2,226 veces)
gramsch

Desconectado Desconectado

Mensajes: 22


Ver Perfil
[AYUDA] Ayuda con una tabla (puede ser bootstrap)
« en: 17 Abril 2016, 20:53 pm »

Hola! comunidad que me ha ayudado mucho jaja ojala me puedan ayudar

tengo una tabla en una pagina web que estoy diseñando, pero necesito que la tabla ajuste su tamaño dependiendo del tamaño de la pantalla, sin achicar las imagenes que estan dentro de cada cuadro.

Existe alguna forma de hacer que la tabla ajuste los elementos de la fila cuando cambie el tamaño de la ventana?
Por ejemplo si la tabla tiene 7 elementos por fila en una pantalla grande, que cuando se achique la ventana solo hayan 5 elementos por fila, para que se ajuste al tamaño de pantalla.
No se si hay alguna opcion en bootstrap para hacer esto o algun script o algo.. Por su ayuda muchas gracias! ;D ;D ;D


En línea

karmany
Colaborador
***
Desconectado Desconectado

Mensajes: 1.614


Sueñas que sueñas


Ver Perfil WWW
Re: [AYUDA] Ayuda con una tabla (puede ser bootstrap)
« Respuesta #1 en: 18 Abril 2016, 21:33 pm »

El tema de las tablas responsive no es sencillo. Existen muchos opciones para adaptarlas en un smartphone (por ej) y consigues que se vean bastante bien. Un ejemplo que puedes analizar es este usando media queries con CSS:
https://css-tricks.com/examples/ResponsiveTables/responsive.php

Y su correspondiente artículo aquí:
https://css-tricks.com/responsive-data-tables/
Aunque en el mismo artículo dice que no es perfecto.

Yo en muchos casos, prefiero bloquear el ancho de la tabla en un <div> que ocupe el ancho del smartphone y crear una barra horizontal para que desde el móvil se pueda ver el restante.

Finalmente, si usas Bootstrap tienes documentación aquí:
http://getbootstrap.com/css/#tables
Y para la futura versión 4 también tienes esta documentación:
http://v4-alpha.getbootstrap.com/content/tables/


En línea

Son_of_Bush

Desconectado Desconectado

Mensajes: 31


Ver Perfil
Re: [AYUDA] Ayuda con una tabla (puede ser bootstrap)
« Respuesta #2 en: 19 Abril 2016, 00:49 am »

"Yo en muchos casos, prefiero bloquear el ancho de la tabla en un <div> que ocupe el ancho del smartphone y crear una barra horizontal para que desde el móvil se pueda ver el restante."

Coincido con karmany. Pienso que es mejor esta tecnica.
En línea

gramsch

Desconectado Desconectado

Mensajes: 22


Ver Perfil
Re: [AYUDA] Ayuda con una tabla (puede ser bootstrap)
« Respuesta #3 en: 22 Abril 2016, 21:51 pm »

Yo en muchos casos, prefiero bloquear el ancho de la tabla en un <div> que ocupe el ancho del smartphone y crear una barra horizontal para que desde el móvil se pueda ver el restante.

Finalmente, si usas Bootstrap tienes documentación aquí:
http://getbootstrap.com/css/#tables
Y para la futura versión 4 también tienes esta documentación:
http://v4-alpha.getbootstrap.com/content/tables/

Y como harias eso para agregar la barra en los dispositivos moviles?
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
ayuda tabla
Desarrollo Web
kakashi20 1 1,870 Último mensaje 16 Julio 2011, 00:22 am
por madpitbull_99
ayuda con tabla
PHP
General Dmitry Vergadoski 2 1,430 Último mensaje 8 Julio 2013, 21:35 pm
por General Dmitry Vergadoski
Ayuda con date picker de bootstrap, no lo consigo :-(
Desarrollo Web
exploiterstack 2 2,946 Último mensaje 11 Diciembre 2014, 13:08 pm
por exploiterstack
[Resuelto] Inicializar bootstrap-tooltip en Bootstrap v3.0.3
Desarrollo Web
DarK_FirefoX 0 3,709 Último mensaje 6 Abril 2015, 17:28 pm
por DarK_FirefoX
Ayuda: Navbar de bootstrap
Desarrollo Web
t4r0x 3 2,443 Último mensaje 8 Septiembre 2015, 02:33 am
por str_null
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines