Jquery DataTables，按特定列排序？

Question

這裏的頁面：

http://csuvscu.com/

我需要的日期列進行排序，現在它需要讀11月6日，11月5日，最後月7

我該怎麼辦呢？

Answer 1

您當前的代碼：

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

Answer 2

DataTables使用字母順序作爲默認排序方法。這實際上發生在這裏。

有兩種解決方案：

• 使用包含在Unix時間戳的日期一個隱藏的列定義自己的日期進行排序的方法
• 排序表（秒自1970年1月1日經過）。

如果您希望用戶能夠自行對列進行排序，則可以使用第一種解決方案。

---------------首個解決方案：

我們需要告訴DataTable的插件如何處理我們的列做。你需要使用 「aoColumns」 屬性：

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

然後定義 「shaheenery最新-ASC」 和 「shaheenery最新-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} 
    ] 
}); 

Answer 3

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 4

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

Answer 5

現有的答案是使用傳統的數據表的語法。版本1。10+應使用以下語法：

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

參考：

• Sorting
• Page Length

Answer 6

隨着數據表的最新版本，您可以通過列索引排序

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

希望這會有所幫助。