TinyTable V3: herramienta avanzada para tus tablas

Hace mucho tiempo que las tablas pasaron de ser un elemento fundamental para el diseño de sitios web a quedar relegadas a un segundo plano, el CSS se ha convertido en su sustituto. Pero aun se le pueden sacar partido, en forma de tablas semánticas, han vuelto a tomar protagonismo. Paradójicamente ahora el diseño de estas tablas semánticas se define con CSS, lo que las convierte en código mucho más legible y con mayor usabilidad. Pero ahí está la cuestión, en cómo manejamos estas tablas, la solución la encontramos con TinyTable.

TinyTable es un framework de solo 6KB con el que conseguiremos resultados muy profesionales. Hace solo tres días que han liberado la tercera versión, que nos trae grandes mejoras con respecto a lo que pudimos ver en sus predecesores. Con las nuevas funcionalidades ya no tenemos límite a la hora de crear estas tablas semánticas. TinyTable V3 ofrece mejoras como la búsqueda de datos en la tabla, promedios de comuna y totales, efecto onhover, cambio de clases de cabecera, reconocimiento automático del tipo, función de restablecimiento y mucho más.

Para inicializar la tabla os dejo el código de ejemplo:

El primer parámetro que toma TINY.table.sorter es el nombre de la variable usada por el objeto, la segunda es la id de la tabla, y la tercera son las propiedades para definir al objeto. Como último apunte, los creadores avisan de que ha sido probado en la mayoría de los navegadores, y explícitamente afirman que es compatible con Internet Explorer 6 y 7. Además al no depender de ninguna librería de Java Script, nos permite usarla sin problema en cualquier aplicación web. Para aquellos usuarios más avanzados que quieran mejorar, adaptar o conocer más a fondo la aplicación también ofrecen el código fuente.

Enlace | Demo de TinyTable V3

Enlace | Web oficial de TinyTable

Vía | webresourcesdepot.com