sábado, 23 de noviembre de 2013

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.

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

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

idNombreApellido
1PedroGarcía
2JoséRedondo
3AlbertoMárquez
4DiegoRodríguez
5JuanGuardado
6MiguelFenández
7AntonioGonzález
8ÁlvaroPuerta

$("#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});
});