dotBLOG

Buscando una solución rápida y sencilla para salir del paso, me encontré con esta librería en Javascript que te permite ordenar una tabla por cualquier campo del encabezado. Solo hay que asignarle una clase a la tabla y cargar un script de tan solo 17Kb y listo, tarea resuelta!
No importa de la manera que crees la tabla, si se genera desde un lenguaje dinámico (PHP, ASP, …) con una base de datos de fondo o si es una tabla Html estática, el script funciona sin problemas.

Lo primero que tenemos que hacer es agregar la siguiente linea a nuestro código

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

Luego asignar la clase “sortable” a nuestra tabla

class="sortable"

Eso es todo, ya está funcionando el sistema de ordenamiento en tiempo real!

Ejemplo

<script src="sorttable.js"></script>
<table class="sortable" style="border-collapse: collapse; font-family: trebuchet ms" border="1" cellpadding="5" width="40%"><tbody>
<tr style="cursor: pointer" bgcolor="#dddddd">
<td>Legajo</td>
<td>Nombre</td>
<td>Apellido</td>
</tr>
<tr>
<td>00078</td>
<td>Raul</td>
<td>Juarez</td>
</tr>
<tr>
<td>00515</td>
<td>Juan Manuel</td>
<td>Anselmo</td>
</tr>
<tr>
<td>06464</td>
<td>Florencia</td>
<td>Delagarbe</td>
</tr>
</tbody></table>

El sitio donde podrás encontrar la libería es Kryogenix