Privada de Las Flores 125, Int. 7 y 8, Col. Reforma, Oaxaca de Juárez, Oaxaca

Close Icon
   
Contact Info    
951 128 4578
951 168 4452

Tablas HTML que se adaptan a dispositivos móviles

Hola, haciendo una tabla HTML con amplia información nos dimos cuenta que era incomodo ver los datos en un teléfono, entonces decidimos ocupar bootstrap ya que lo ocupamos en otro proyecto y nos pareció muy bueno. 

Me parece un buen dato esta tabla, ya que la aplicación no esta hecha para teléfonos o dispositivos similares y solamente aplicando la tabla con bootstrap cambia mucho el aspecto en la presentación,

 


La primer tabla cambia el estilo de las filas para ver los títulos en forma de columna, la segunda crea un Scholl horizontal para no hacer tan ancha la página
La primera la ocupamos para mostrar información detallada de un ítem, la segunda para hacer comparativas, espero les ayude, la página donde sacamos el ejemplo es http://elvery.net/demo/responsive-tables  , para ver el efecto tienen que reducir el tamaño del navegador, dejo el ejemplo para descargar  

Tabla normal

Tabla adaptada

Post Tagged with ,

One Response so far.

  1. […] En un post anterior escribí cómo hacer que las tablas se adapten a dispositivos más pequeños con bootstrap,  aquí dejo el link […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Loading Facebook Comments ...