答案 0 :(得分:51)
您当前的代码:
$('table').dataTable({
// display everything
"iDisplayLength": -1
});
你能做什么:
oTable = $('table').dataTable({
// display everything
"iDisplayLength": -1
});
oTable.fnSort( [ [0,'desc'] ] ); // Sort by first column descending
但正如下面的评论所指出的,这可能是一种更清洁的方法:
$('table').dataTable({
// display everything
"iDisplayLength": -1,
"aaSorting": [[ 0, "desc" ]] // Sort by first column descending
});
答案 1 :(得分:13)
DataTables使用字母顺序作为默认排序方法。这实际上就是这里发生的事情。
有两种解决方案:
如果您希望用户能够自己对列进行排序,则可以使用第一个解决方案。
---------------第一个解决方案:
我们需要告诉DataTable插件如何处理我们的列。您需要使用“aoColumns”属性:
$('table').dataTable({
// display everything
"iDisplayLength": -1,
"aoColumns":[
{"sType": "shaheenery-date"},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true}
]
});
然后定义“shaheenery-date-asc”和“shaheenery-date-desc”排序方法。您还需要一个以数字格式翻译日期的函数“getDate”:
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;
};
---------------第二个解决方案:
我们也将使用“aoColumns”属性。这次我们告诉DataTable隐藏包含Unix时间戳中日期的最后一列。我们还需要将此列定义为使用“aaSorting”进行排序的默认列:
$('table').dataTable({
// display everything
"iDisplayLength": -1,
"aaSorting": [[ 5, "desc" ]],
"aoColumns":[
{"bSortable": false},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bVisible": false}
]
});
答案 2 :(得分:2)
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
答案 3 :(得分:1)
$('#id').dataTable( { "bSort": true, "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [ 1 ] } ] });
答案 4 :(得分:1)
现有答案使用旧版DataTables语法。版本1.10+应使用以下语法:
$('table').dataTable({
"pageLength": -1, //display all records
"order": [[ 0, "desc" ]] // Sort by first column descending
});
参考:
答案 5 :(得分:1)
使用最新版本的数据表,您可以按列索引
进行排序var data_table = $('#data-table').DataTable();
data_table.order( [7,'desc'] ).draw();
希望这有帮助。
答案 6 :(得分:-2)
$('#id')。dataTable({
“” aaSorting“:[[” 0“,” <“ desc”或asc>“]]
});