jueves, 23 de septiembre de 2010

Tablas Ordenadas con JQuery

Estoy intentando programar un pluggin de jQuery que ordene una tabla por una columna o varias y que permita cambiar el tamaño de las columnas.
Por ahora voy a crear el archivo jquery.airtable.js para colocar el código del pluggin y agregarlo a mi html. El código esta encapsulado en (function($) {})(jQuery); para poder usar la función $ sin repetir la palabra jQuery todo el tiempo.
El método tendrá como opción la columna o columnas a ordenar, el tipo de orden ascendente o descendente y un array con las filas que se quieran agregar a la tabla antes de ordenarla. Este array serviría para llenar una tabla vacía por medio de un AJAX por ejemplo.
Cómo funciona?
El método es aplicado a un objeto jQuery tabla que se encarga de agregar a la tabla las filas mandadas como parametro en la opcion addRows previamente ordenadas. Luego bindea en las celdas header los metodos click para ordenar la tabla.
El usuario ejecuta un click en una celda header y la función ejecutada re-ordena la tabla con el nuevo orden. Un click entonces cambia la ordenación en esa columna y produce un re-ordenamiento de las filas.

No hay comentarios:

Publicar un comentario