如何从DataTables中删除排序选项？

Question

我正在使用DataTables插件.我不想使用排序选项(按ASC或DESC顺序对列进行排序),默认情况下每个选项都有<thead>.如何删除排序图标？

Answer 1

在jQuery DataTables的新版本1.10中,您必须使用ordering选项来禁用整个表的排序:

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

Answer 2

与@ ravisolanki07非常相似,它只是实现这一目标的另一种方式.

var oTable = $('#example').dataTable( {
    "aoColumnDefs": [
        { "bSortable": false, "aTargets": [ 0, 1, 2, 3 ] }, 
        { "bSearchable": false, "aTargets": [ 0, 1, 2, 3 ] }
    ]
}); 

Answer 3

好的，所以这里的答案有点老了。所以我想我可以提供一个新的答案：

源文件

截至2018年，每个领域实现此目标的方法是：

$('#id-of-my-table').DataTable({
    "columnDefs": [
        { "orderable": false, "targets": [0, 4, 5, 6] },
        { "orderable": true, "targets": [1, 2, 3] }
    ]
});

如您所见，目标接受列索引数组。

Answer 4

您可以尝试两种方法。

首先，尝试将“bSort”设置为 false。请注意，这将禁用所有排序。

$('#jTable').dataTable({ "bSort" : false } );

其次，尝试将 aaSorting 设置为空。请注意，这将删除特定列的排序。 $('#jTable').dataTable({ "aaSorting" : [[]] });

请告诉我们是否适合您。希望能帮助到你，

卡西夫·索兰吉

Answer 5

如果要禁用默认排序但保持列可排序,只需使用以下配置:

$(document).ready( function() {
    $('#example').dataTable({
        "aaSorting": []
    });
})

Answer 6

您还可以使用数据属性在表本身上传递选项。

<table
   data-paging="false"
   data-searching="false"
   data-ordering="false"
>

相同的原则适用于列标题。

<table>
<thead>
<tr>
    <th>I'm sortable</th>
    <th data-orderable="false">I'm not sortable</th>
</tr>
</thead>

但是，我遇到了一种情况，我想删除所有列排序，并意识到th data-orderable="false"在所有列上使用 a 时，Datatable 仍会在第一列上添加图标，在这种情况下，请改用data-ordering表上的图标。

如果您使用相同的自定义脚本来生成所有数据表，这会很方便。