Site icon 时鹏亮的Blog

jQuery-DataTables 插件-禁止第一列排序

请知悉:本文最近一次更新为 10年 前,文中内容可能已经过时。
$('.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 插件-禁止第一列排序》相关的博文:

Exit mobile version