sábado, 13 de julio de 2013

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


No hay comentarios:

Publicar un comentario