删除列排序

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