刪除列排序

Question

試圖關閉對錶中特定列的排序，但是錯誤的列會受到影響？任何人都可以看到我在這裏失蹤？

HTML

<table id="tableListing" class="table table-striped table-hover"> 
<thead> 
    <tr> 
    <th class="no-sort"></th> 
    <th>Personnumer</th> 
    <th>Namn</th> 
    <th>Skapad</th> 
    <th class="no-sort"></th> 
    </tr> 
</thead> 


<tbody> 
<tr> 
    <td><a href="member_search.aspx?del=85&fn=&ln=&pn=" onclick="return confirm('Är du SÄKER? All information kommer raderas och kan inte återställas!'); return false;" class="btn btn-danger btn-xs">radera</a></td> 
    <td>630214-0410</td> 
    <td>DEAD3, Test</td> 
    <td>2017-07-18 19:07:12</td> 
    <td><a href='member_details.aspx?id=85'>info</a></td> 
</tr> 

<tr> 
    <td><a href="member_search.aspx?del=86&fn=&ln=&pn=" onclick="return confirm('Är du SÄKER? All information kommer raderas och kan inte återställas!'); return false;" class="btn btn-danger btn-xs">radera</a></td> 
    <td>650301-4257</td> 
    <td>Doe, John</td> 
    <td>2017-07-31 22:14:50</td> 
    <td><a href='member_details.aspx?id=86'>info</a></td> 
</tr> 
</tbody> 
</table> 

JS

$("#tableListing").DataTable({   
     "lengthMenu": [[50, 100, 150, 200, 250, -1], [50, 100, 150, 200, 250, "All"]], 
     "iDisplayLength": 100, 
     "order": [], 
     "columnDefs": [{ 
      "targets": 'no-sort', 
      "orderable": false 
     }] 
    }); 

非常感謝！

編輯：添加圖像它是如何變成。正如你所看到的，錯誤的列會受到影響。

Answer 1

那麼，在新版本中，你必須使用排序選項來禁用下令對整個表的jQuery數據表的1.10：

$('#tableListing').DataTable({ 
    "ordering": false 
}); 

Answer 2

您也可以爲特定的列使用盡可能

$(document).ready(function() { 
oTable = jQuery('#tableListing').dataTable({   
      "bDestroy": true, 
      "bAutoWidth": true, 
      "bFilter": true, 
      "bSort": true, 
      "aaSorting": [[0]],   
      "aoColumns": [ 
       { "bSortable": false }, 
       { "bSortable": true }, 
       { "bSortable": true }, 
       { "bSortable": true }, 
       { "bSortable": true }, 
       { "bSortable": true }, 
       { "bSortable": false } 
      ] 
     }); 
}) 

您可以排除您不想排序的列作爲集合bSortable爲false。

Answer 3

如果您想停用只選對特定的列，你可以做這樣的：

$('#tableListing').DataTable({ 
    columnDefs: [ 
     { "orderable": false, "targets": [ 0, 4 ] } 
    ] 
}); 

或者你可以添加一個類，如「不排序」到要抑制列標題排序。

<thead> 
    <tr> 
    <th class="no-sort"></th> 
    <th>Personnumer</th> 
    <th>Namn</th> 
    <th>Skapad</th> 
    <th class="no-sort"></th> 
    </tr> 
</thead> 

，然後使用DataTable中的定義：

$('#tableListing').DataTable({ 
     columnDefs: [ 
      { "orderable": false, "targets": 'no-sort' } 
     ] 
    });