Thuer.com.ar Blog

Una de las tareas más molestas cuanto se trabaja en sistemas vía web es ordenar los datos que vemos en pantalla. La mayoría de los sistemas recurren al servidor para hacer esta sencilla acción con lo cual tenemos que enviar de nuevos los datos, se genera la respuesta y esperamos a que se cargue la nueva página. Por una vez vale, pero cuando tenemos un listado grande y repetimos la acción esos tiempos de espera se tornan insoportables.

Sorttable es una de esas bibliotecas Javascript que se convierten en joyas al simplificar la vida de programadores, diseñadores y usuarios. Simplemente tenemos que incluir un fichero javascript y agregar la clase “sortable” a la tabla donde mostramos los datos. Los demás corre por cuenta de este script.

Las instrucciones están en el sitio y son muy sencillas. Las repito para algún despistado:

1. Descargamos el archivo Javascript y lo guardamos donde tenemos el sitio.
2. En el HEADER de la página creamos la llamada a la biblioteca:

   <script src="sorttable.js"></script>

3. A la tabla donde se van a mostrar los datos ordenables le agregamos la clase “sortable”.

   <table class="sortable">

¡Listo! Nuestros datos ahora se pueden ordenar.  Y sí, también es posible personalizar un poco la biblioteca y jugar con su configuración. Stuart Langridge, su autor, lo explica con claridad.