Tablas HTML adaptables con JavaScript

Hace tiempo escribía sobre 10 plugins jQuery para optimizar el uso de las tablas, hoy me encuentro con TableSaw, un set de plugins todo en uno que contempla la mayoría de las funciones posibles que se pueden emplear en una tabla HTML, además de hacerlas adaptables a cualquier dispositivo independientemente de su resolución.

La principal ventaja de TableSaw se relaciona a su capacidad para adaptar el contenido de las tablas a cualquier dispositivo, esto lo logra empleando distintas técnicas, por ejemplo si el tamaño de pantalla es muy reducido convierta la tabla de manera vertical, optimizando el espacio y facilitando la lectura de datos.

tablas responsive con javascript

Otro aspecto interesante es el relacionado a los filtros, también cambian su comportamiento dependiendo del espacio disponible, llegado el caso de que el espacio no sea suficiente, convierte el select de filtrado en un bonito popup del tipo modal. Lo mismo ocurre con otros elementos como la paginación de resultados.

TableSaw cuenta con muchísimas opciones para configurar y personalizar nuestras tablas, en el sitio oficial podemos encontrar una documentación extensa y perfectamente detallada para que podamos aprovechar al máximo este recurso.

Web: TableSaw

Categorizado en: