Jquery DataTables, sắp xếp theo cột cụ thể?

Question

Dưới đây là trang:

http://csuvscu.com/

tôi cần phải sắp xếp theo ngày Cột, ngay bây giờ nó cần phải đọc 06 Tháng Mười Một, ngày 05 tháng 11 và cuối cùng Tháng Mười 7.

Làm thế nào để làm điều này?

Answer 1

Mã hiện tại của bạn:

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

gì bạn có thể làm:

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

oTable.fnSort([ [0,'desc'] ]); // Sort by first column descending 

Nhưng như đã chỉ ra trong các bình luận dưới đây, điều này có thể là một phương pháp làm sạch:

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

Answer 2

DataTables sử dụng thứ tự chữ cái làm phương pháp sắp xếp mặc định. Đây thực sự là những gì xảy ra ở đây.

Có hai giải pháp:

• Xác định ngày sắp xếp phương pháp riêng của bạn
• Sắp xếp bảng bằng cách sử dụng một cột ẩn chứa ngày trong Unix Timestamp (giây trôi qua kể từ ngày 1 tháng 1 1970).

Nếu bạn muốn người dùng tự mình có thể sắp xếp cột, bạn có thể sử dụng giải pháp đầu tiên.

--------------- Giải pháp đầu tiên:

Chúng tôi cần nói cho plugin DataTable biết phải làm gì với các cột của chúng tôi. Bạn sẽ cần phải sử dụng "aoColumns" bất động sản:

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

Sau đó xác định "shaheenery-date-asc" và "shaheenery-date-desc" phương pháp phân loại. Bạn cũng cần một chức năng "getDate" mà dịch ngày ở định dạng số:

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; 
    }; 

--------------- Giải pháp thứ hai:

Chúng tôi sẽ sử dụng thuộc tính "aoColumns". Lần này chúng ta nói với DataTable để ẩn cột cuối cùng sẽ chứa ngày trong Unix Timestamp. Chúng ta cũng cần phải xác định cột này như một mặc định để phân loại với "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

Những câu trả lời hiện đang sử dụng DataTables di sản cú pháp. Phiên bản 1.10+ nên sử dụng cú pháp sau:

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

tham khảo:

• Sorting
• Page Length

Answer 6

Với phiên bản mới nhất của dữ liệu bảng, bạn có thể sắp xếp theo chỉ số cột

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

Hy vọng điều này sẽ hữu ích.