jquery datatables mặc định sắp xếp

Question

Tôi đang cố gắng đặt loại mặc định thành cột thứ hai trong jquery datatable của tôi. Nó theo mặc định sắp xếp theo chỉ số 0. Tôi đang sử dụng cú pháp "aaSorting": [[ 1, "asc" ]] nhưng nó làm nổi bật cột mà tôi không muốn khi tải ban đầu. Làm thế nào tôi có thể đặt loại mặc định của một cột cụ thể mà không làm nổi bật cột như thể không có sắp xếp nào được tham gia và cột chỉ mục 0 đang được sử dụng.

Answer 1

Có một vài lựa chọn:

1. Ngay sau khi initialising DataTables, loại bỏ các lớp sắp xếp trên các yếu tố TD trong tbody.

2. Vô hiệu hóa các lớp sắp xếp bằng cách sử dụng http://datatables.net/ref#bSortClasses. Vấn đề với điều này là nó sẽ vô hiệu hóa các lớp sắp xếp cho các yêu cầu sắp xếp người dùng - có thể hoặc không thể là những gì bạn muốn.

3. Để máy chủ của bạn xuất bảng theo thứ tự sắp xếp theo yêu cầu của bạn và không áp dụng sắp xếp mặc định trên bảng (aaSorting:[]).

Answer 2

Bạn có thể sử dụng chức năng fnSort, vui lòng xem chi tiết tại đây:

http://datatables.net/api#fnSort

Answer 3

Đây là mã thực tế nào đó ...

$(document).ready(function() 
{ 
    var oTable = $('#myTable').dataTable(); 

    // Sort immediately with column 2 (at position 1 in the array (base 0). More could be sorted with additional array elements 
    oTable.fnSort([ [1,'asc'] ]); 

    // And to sort another column descending (at position 2 in the array (base 0). 
    oTable.fnSort([ [2,'desc'] ]); 
}); 

Để không có cột được đánh dấu, sửa đổi CSS như sau:

table.dataTable tr.odd td.sorting_1 { background-color: transparent; } 
table.dataTable tr.even td.sorting_1 { background-color: transparent; } 

Answer 4

Tùy chọn tốt nhất là tắt phân loại và chỉ nạp dữ liệu với thứ tự sắp xếp mong muốn (từ cơ sở dữ liệu hoặc nguồn khác). Hãy thử thêm điều này vào 'datatable' của bạn: "bSort": false

Answer 5

Datatables hỗ trợ dữ liệu HTML5- * thuộc tính cho chức năng này.

Nó hỗ trợ nhiều cột trong thứ tự sắp xếp (đã ghi bàn 0-based)

<table data-order="[[ 1, 'desc' ], [2, 'asc' ]]"> 
    <thead> 
     <tr> 
      <td>First</td> 
      <td>Another column</td> 
      <td>A third</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>z</td> 
      <td>1</td> 
      <td>$%^&*</td> 
     </tr> 
     <tr> 
      <td>y</td> 
      <td>2</td> 
      <td>*$%^&</td> 
     </tr> 
    </tbody> 
</table> 

Bây giờ jQuery của tôi chỉ đơn giản là $('table').DataTables(); và tôi nhận được cột thứ hai và thứ ba của tôi được sắp xếp trong desc trật tự/asc.

Dưới đây là một số thuộc tính tuyệt vời khác cho <table> mà tôi tìm thấy bản thân mình tái sử dụng:

data-page-length="-1" sẽ thiết lập độ dài trang to All (vượt qua 25 đối với chiều dài trang 25) ...

data-fixed-header="true" ... Hãy a guess

Answer 6

Tôi cũng gặp sự cố này. Tôi đã sử dụng tùy chọn stateSave và điều này đã gây ra sự cố này.
Xóa tùy chọn này và sự cố được giải quyết.

Answer 7

này sử dụng nó làm việc cho tôi: "đặt hàng": [[1, "ASC"]],

Answer 8

này đã làm việc cho tôi:

 jQuery('#tblPaging').dataTable({ 
      "sort": true, 
      "pageLength": 20 
     }); 

Answer 9

Chỉ Bao gồm đoạn mã sau:

$(document).ready(function() { 
     $('#tableID').DataTable({ 
      "order": [[ 3, "desc" ]] 
     }); 
    } 
); 

bài viết tham khảo đầy đủ với ví dụ:

https://datatables.net/examples/basic_init/table_sorting.html