如何在数据表中设置选定列排序？

Posted 2023-05-09

【中文标题】如何在数据表中设置选定列排序？

【英文标题】：How do I set the selected column sort in datatables?

【发布时间】：2019-12-07 19:49:25

【问题描述】：

基本上，您可以在数据表上执行.order(2)，例如按该列排序。

这很好用，但是它会清除排序标题图标（上下两个箭头），因此您无法看到正在排序的列。

我想让它的排序与单击列标题完全一样。

上图是第一行放大后的列标题。您可以看到它是按日期排序的，因为第一个箭头是黑色的。

当我调用.order() 时，它会按日期对表格进行排序，但它会清除箭头，就像底部的箭头一样。这就是我要解决的问题。

编辑 - 代码：

var addedRow = dataTable.row.add([a, b, moment(someDate).format("DD/MM/YYYY hh:mm:ss"), d]);

dataTable.order(2);

dataTable.draw();

【问题讨论】：

你能展示你如何调用 Datatables API order() 吗？您使用哪个版本？

我已经添加了我的代码，它只是添加了一行，然后调用 order 在第 2 列（日期列）上对其进行排序。该表然后排序，但标题未显示它按日期排序。 DataTables 版本是 1.10.18

dataTable.order(2);错了，你应该使用 dataTable.order([2,'asc']).draw();请参阅datatables.net/reference/api/order()。使用列索引数组。

【参考方案1】：

Datatables Order() api 用于获取/设置应用于表格的排序。

使用数据表的示例代码order()：

var table = $('#example').DataTable();
var order = table.order([1,'ASC']);

更多函数类型和示例可以参考documentation。