Tablesorter: Ordenar tabla con jQuery

Tablesorter es un plugin para jQuery que convierte una tabla estándar HTML con etiquetas THEAD y TBODY en una tabla ordenable sin necesidad de recargar la página (AJAX). Tablesorter puede analizar y clasificar de manera satisfactoria muchos tipos de datos.

 tablesorter with jquery

Características

  • Ordenado de múltiples columnas.
  • Ordenado de datos tipo: texto, URI, enteros, moneda, punto flotante, direcciones IP, fechas (ISO, formatos largos y cortos), hora e incluso un formato propio.
  • Soporta etiquetas ROWSPAN y COLSPAN en TH (cabeceras).
  • Soporta formato de ordenado secundario. Es decir, puede ordenar alfabeticamente y como formato secundario: ordenar por números.
  • El tamaño del archivo 7.4KB.

Vía javascriptkata

Enlace jQuery plugin: Tablesorter 2.0 

7 thoughts on “Tablesorter: Ordenar tabla con jQuery

  1. cuando tiene numeros con separador de miles no funciona, para que funcione con fecha en formato dia/mes/año deben poner
    dateFormat: “uk”,

  2. Hola, quisiera saber si hay código con jquery para ordenar tablas, pero con tablas de mysql, no los registros puestos en html. Muchas gracias.

  3. Para ordenar números con separador de miles (.) modificar esta parte del código:
    ts.addParser({
    id: “digit”,
    is: function(s,table) {
    var c = table.config;
    return $.tablesorter.isDigit(s,c);
    },
    format: function(s) {
    return $.tablesorter.formatFloat(s.replace(new RegExp(/[^0-9]/g),””));
    },
    type: “numeric”
    });

  4. Hola.. el cambio q propones para números con separador de miles (.) funciona correctamente pero mi duda es si quisiera la coma (,) como separador de miles cual seria el cambio q se le deberia hacer??
    Gracias por la ayuda!!

  5. hola quisiera saber como ordenar las tablas pero poder dejar una columna fija, q le debo modificar al codigo, les agradeceria enormente la ayuda

  6. La única solución de punto flotante que sirve dentro de todas las opciones que busqué. Gracias.

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.