jquery - language - export footer datatable

jQuery DataTables: ¿cómo ordenar por columna específica?

Question

Aquí está la página:

http://csuvscu.com/

Necesito ordenar por la Columna de fecha, en este momento necesita leer el 6 de noviembre, el 5 de noviembre y por último el 7 de octubre.

¿Cómo hago esto?

Answer 1

$ (''# id''). dataTable ({

"" aaSorting ": [[" 0 "," <"desc" o asc> "]]

});

Answer 2

Con la última versión de tablas de datos puede ordenar por índice de columna

var data_table = $(''#data-table'').DataTable();
data_table.order( [7,''desc''] ).draw();

Espero que esto ayude.

Answer 3

DataTables utiliza el orden alfabético como método de clasificación predeterminado. Esto es en realidad lo que sucede aquí.

Hay dos soluciones:

• Define tu propio método de clasificación de fechas
• Ordene la tabla utilizando una columna oculta que contiene la fecha en la marca de tiempo de Unix (segundos transcurridos desde el 1 de enero de 1970).

Si desea que sus usuarios puedan ordenar la columna por sí mismos, puede utilizar la primera solución.

--------------- Primera solución:

Necesitamos decirle al complemento DataTable qué hacer con nuestras columnas. Tendrá que usar la propiedad "aoColumns":

$(''table'').dataTable({
// display everything
"iDisplayLength": -1,
"aoColumns":[
{"sType": "shaheenery-date"},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true}
]
});

Luego defina el método de clasificación "shaheenery-date-asc" y "shaheenery-date-desc". También necesita una función "getDate" que traduzca la fecha en formato numérico:

function getDate(a){
// This is an example:
var a = "Sunday November 6, 2011";
// your code =)
// ...
// ...
// You should output the result as YYYYMMDD
// With :
// - YYYY : Year
// - MM : Month
// - DD : Day
//
// Here the result would be:
var x = 20111106
return x;
}
jQuery.fn.dataTableExt.oSort[''shaheenery-date-asc''] = function(a, b) {
var x = getDate(a);
var y = getDate(b);
var z = ((x < y) ? -1 : ((x > y) ? 1 : 0));
return z;
};
jQuery.fn.dataTableExt.oSort[''shaheenery-date-desc''] = function(a, b) {
var x = getDate(a);
var y = getDate(b);
var z = ((x < y) ? 1 : ((x > y) ? -1 : 0));
return z;
};

--------------- Segunda solución:

También vamos a utilizar la propiedad "aoColumns". Esta vez le pedimos a DataTable que oculte la última columna que contendrá la fecha en la marca de tiempo de Unix. También necesitamos definir esta columna como la predeterminada para clasificar con "aaSorting":

$(''table'').dataTable({
// display everything
"iDisplayLength": -1,
"aaSorting": [[ 5, "desc" ]],
"aoColumns":[
{"bSortable": false},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bVisible": false}
]
});

Answer 4

Las respuestas existentes están utilizando la sintaxis de DataTables heredada. Las versiones 1.10+ deben usar la siguiente sintaxis:

$(''table'').dataTable({
"pageLength": -1, //display all records
"order": [[ 0, "desc" ]] // Sort by first column descending
});

Referencia:

• Sorting
• Longitud de la página

Answer 5

Su código actual:

$(''table'').dataTable({
// display everything
"iDisplayLength": -1
});

Lo que podrías hacer:

oTable = $(''table'').dataTable({
// display everything
"iDisplayLength": -1
});
oTable.fnSort( [ [0,''desc''] ] ); // Sort by first column descending

Pero como se señala en el comentario a continuación, este puede ser un método más limpio:

$(''table'').dataTable({
// display everything
"iDisplayLength": -1,
"aaSorting": [[ 0, "desc" ]] // Sort by first column descending
});

Answer 6

oTable = $(''#DataTables_Table_0'').dataTable({ //table id -->DataTables_Table_0
iVote: -1, //field name
"bRetrieve":true
});
oTable.fnSort( [ [1,''desc''] ] ); // Sort by second column descending

Answer 7

$(''#id'').dataTable( { "bSort": true, "aoColumnDefs": [{ ''bSortable'': false, ''aTargets'': [ 1 ] } ] });