Phiên bản hiện tại của DataTables (1.10) cung cấp theo cách sau chuyển đổi mặc định thứ tự sắp xếp này với tài sản orderSequence
dưới columnDefs
(hoặc columns
nhưng ít linh hoạt).
Đây là tài liệu trên orderSequence
.
"columnDefs": [
{ "orderSequence": [ "desc", "asc"], "targets": [ 1 ] },
]
Vì nó cũng đề cập, bạn có thể buộc một cột để chỉ loại khi nhấp như DESC hay ASC mà giao diện của bạn rất tốt có thể được hưởng lợi từ. Trong trường hợp của tôi, tôi cần phải có các cột giảm dần sắp xếp khi nhấp chuột ban đầu cho số cột không xác định, vì vậy tôi đã quyết định chuyển ví dụ để nhắm mục tiêu tên của một tiêu đề cột class
thay vì xác định rõ ràng từng cột là "targets":[1],"targets":[2],...[n]
hoặc tòa nhà có lập trình một loạt các chỉ mục của các cột mà tôi quan tâm.
Bạn có thể nhắm mục tiêu các cột theo nhiều cách according to here.
Kết quả cuối cùng là một định nghĩa bảng như sau:
<table><thead><tr>
<th class='descendFirst'>DESCend when first clicked</th>
<th>a normally sorted ASC->DESC->... column</th>
...
</tr></thead></table>
Và Data Table trao quyền như vậy:
$("#table").dataTable({
"columnDefs": [
{"orderSequence": ["desc","asc"], "targets":"descendFirst" },
]
});
Voila! Trước tiên, hãy nhấp vào sắp xếp giảm dần trên tất cả các cột có một số <th>
được đánh dấu bằng một lớp 'descendFirst' (một tên lớp mô tả được chọn tùy ý).
Cả hai phiên bản 1.9 và 1.10 có cách tương tự của giao này; xem câu trả lời của SteD cho 1.9 (đây là [asSorting 1.9 documentation] (http://legacy.datatables.net/usage/columns)) và câu trả lời của tôi bên dưới cho sắp xếp giảm dần mặc định của 1.10 cho 1 hoặc nhiều hơn (hoặc '_all'!) cột. – veeTrain