Ordena tablas con jQuery y Tablesorter
Hace un par de días me vino a la cabeza la idea de ordenar tablas por orden ascendente y descendente. Las pocas veces que he hecho algo así, he recurrido a usar PHP y variables de URL (algo como archivo.php?columna=nombre&orden=ascendente), pero es lento de usar y de programar.
Así que se me ha ocurrido buscar una solución alternativa usando jQuery, y buscando un poco por Google he descubierto Tablesorter, un plugin de jQuery que nos permite ordenar las tablas de forma rápida y fácil.
Para comenzar, nuestra tabla debe tener un código similar a este:
| Nombre | Apellidos | Web | |
|---|---|---|---|
| Pepe | García | pepe_garcia@gmail.com | http://www.pepegarcia.com |
| Paco | Pérez | paco_perez@yahoo.com | http://www.pacoperez.com |
Iniciamos Tablesorter con este otro código Javascript:
$(document).ready(function()
{
$("#myTable").tablesorter();
}
);
Sin duda, es un plugin de jQuery que utilizaré bastante para futuros proyectos.
Más información, demostración, descarga y documentación en tablesorter.com.
Hoo, que buena….
Muy util.. Gracias :)