sortTable - como ordenar las filas de una tabla con jquery

SortTable Jquery

By http://jquery-manual.blogspot.com

Descargar en GITHUB

La función sortTable permite ordenar las filas de una tabla ascendente o descendentemente a través del número de la columna indicada, si no se indica nada se ordenará a partir de la primera columna de la tabla.

El primer parámetro de la función acepta uno de los siguientes valores:

• number: Ordena la columna a partir de números.
• letter: Ordena la columna a partir de letras, incluyendo caracteres latinos.
• both: Ordena la columna a partir de letras y números.

El segundo parámetro(opcional) contiene las siguientes opciones:

• reverse: false | true . Por defecto se encuentra en false, indica si el orden es ascendente o descendente.
• column: int . El número de la columna que será la encargada de ordenar las filas. Por defecto su valor es 1, la primera columna.

ID VALOR 99 noventa y nueve 1200 mil doscientos 116 ciento dieciseis 220 doscientos veinte 900 novecientos 23 veintitrés 150 ciento cincuenta

$("#btn-1").click(function(){ $("#table1").sortTable("number", {column: 1, reverse: false}); });

---

id Nombre Apellido 1 Pedro García 2 José Redondo 3 Alberto Márquez 4 Diego Rodríguez 5 Juan Guardado 6 Miguel Fenández 7 Antonio González 8 Álvaro Puerta

$("#btn-2").click(function(){ $("#table2").sortTable("letter", {column: 2, reverse: false}); });

---

SRC imagen-3.jpg imagen-23.jpg imagen-40.jpg imagen-1.jpg imagen-28.jpg imagen-9.jpg imagen-70.jpg imagen-12.jpg

$("#btn-3").on("click", function(){ $("#table3").sortTable("both", {column: 1, reverse: false}); });