$('.dataTables-example').dataTable({
responsive: true,
"dom": 'T<"clear">lfrtip',
"columnDefs": [{ "orderable": false, "targets": 0 }]
});

上述代码中

"columnDefs": [{ "orderable": false, "targets": 0 }]

这句就是禁止第一列排序,target的0表示第一列。多列禁止排序如下:

"columnDefs": [{ "orderable": false, "targets": 0 },{ "orderable": false, "targets": 0 }]

20180324补充(摘录自:https://cloud.tencent.com/developer/ask/51526):
上面是很古老的了,新旧版本后有参数可用,自行去搜:
旧版:

设置aaSorting选项为空数组。它将禁用初始排序,同时仍然允许在单击列时进行手动排序。
"aaSorting": []
aaSorting数组应该包含要排序的每一列的数组。最初包含列的索引和方向字符串(‘asc’或‘desc’)。

新版:
在更新版本的数据(1.10.7版)中,情况似乎发生了变化。防止DataTable由第一列自动排序的方法是设置order选项为空数组。
只需将以下参数添加到DataTables选项:

"order": [] 

按照以下方式设置DataTable,以便覆盖默认设置:

$('#example').dataTable( {
"order": [],
// Your other options here...
} );

有求助同学说其实是想第一列始终按123456这样输出,参考:https://datatables.net/examples/api/counter_columns.html


如您从本文得到了有价值的信息或帮助,请考虑扫描文末的二维码对我进行赞赏和鼓励。

与《jQuery-DataTables 插件-禁止第一列排序》相关的博文:


留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌