Convierte una tabla HTML en una tabla ordenable por columnas (opcional) Un conjunto de pares de valores, clave: valor declarado como objeto literal La tabla con id "mitabla" se convierte en una tabla ordenable $("#mitabla").tableSorter(); Convierte todas las tablas de la página en tablas ordenables, se ordena por defecto por la columna "nombre"

$("table").tableSorter({
	sortColumn: "nombre"
});

Convierte la tabla con id "styling" en tabla ordenable, ordenando por defecto por la columna "nombre", poniendo a las cabeceras la clase "header" por defecto, "headerSortUp" cuando se ordena de forma ascendente y "headerSortDown" cuando se ordena de forma descendente

$("#styling").tableSorter({
	 sortColumn: 'nombre',			
  sortClassAsc: 'headerSortUp',	
  sortClassDesc: 'headerSortDown',
  headerClass: 'header'		
});

Convierte la tabla con id "styling-cutom-striping" en tabla ordenable, ordenando por defecto por la columna "nombre", poniendo a las cabeceras la clase "header" por defecto, "headerSortUp" cuando se ordena de forma ascendente y "headerSortDown" cuando se ordena de forma descendente. Marca las filas pares con la clase "even" y las impares con la clase "odd", indicamos que se marcen las filas al inicio.

$("#styling-cutom-striping").tableSorter({
  sortColumn: 'nombre',			
  sortClassAsc: 'headerSortUp',	
  sortClassDesc: 'headerSortDown',
  headerClass: 'header',			
  stripingRowClass: ['even','odd'],
  stripeRowsOnStartUp: true		
});

Convierte la tabla con id "styling-cutom-highlighting" en tabla ordenable, ordenando por defecto por la columna "nombre", poniendo a las cabeceras la clase "header" por defecto, "headerSortUp" cuando se ordena de forma ascendente y "headerSortDown" cuando se ordena de forma descendente. Marca la columna ordenada con la clase "highlight".

$("#styling-cutom-highlighting").tableSorter({
	sortColumn: 'nombre',
	sortClassAsc: 'headerSortUp',	
	sortClassDesc: 'headerSortDown',
	highlightClass: 'highlight',
	headerClass: 'header'
});

Convierte la tabla con id "date-es" en tabla ordenable, ordenando por defecto por la columna "nombre", poniendo a las cabeceras la clase "header" por defecto, "headerSortUp" cuando se ordena de forma ascendente y "headerSortDown" cuando se ordena de forma descendente. Indica que el formato corto para las fechas es de la forma "dd/mm/yyyy".

$("#date-es").tableSorter({
  sortColumn: 'nombre',
  sortClassAsc: 'headerSortUp',
  sortClassDesc: 'headerSortDown',
  headerClass: 'header',
  dateFormat: 'dd/mm/yyyy' 
});

Evento que se dispara cuando se comienza a ordenar la tabla Función a ejecutar cuando el evento se dispare Evento que se dispara cuando se ordena una tabla no cacheada Función a ejecutar cuando el evento se dispare Evento que se dispara cuando se termina de ordenar una tabla Función a ejecutar cuando el evento se dispare