javascript - 列默认排序箭头重新排序

Question

我有一个 JQuery 数据表，默认根据第一列按降序排序。

表格本身工作得很好，但我试图在绘制表格后更改列重新排序箭头按钮的行为，我在下面的屏幕截图中用红色圈出了该按钮:

当我单击这些小箭头按钮时，表格将按我单击的列首先升序重新排序。例如，如果我单击“创建日期”的箭头一次(UK) 列中，表格按这些日期的升序重新排序(首先添加的最旧日期出现在表格顶部)，这不是我想要的:

我正在寻找的是在该列的第一次单击时按降序对表格进行排序，而不必单击两次(一次进入升序，然后再次进入降序)。基本上我试图在第一次点击时得到这个结果，但我只在第二次点击时得到它:

是否有一个简单的设置可以添加到我的表代码中来更改列箭头重新排序的行为？我浏览了他们的API以及一些过去的 StackOverflow 问题，但找不到与我的问题相关的任何内容。

如果您想看看，这是我的代码:

self.table = table_dom.DataTable({
    serverSide: true,
    dom: "<'row'<'col-md-3'l><'col-md-5 text-right'B><'col-md-4'f>>" +
        "<'row'<'col-md-12'tr>>" +
        "<'row'<'col-md-5'i><'col-md-7'p>>",
    ajax: '...',
    columns: [
        {data: 'legacy_description', name: 'legacy_description', title: 'P', width: '20px'},
        ...
        {data: 'created', name: 'created', title: 'Date Created (UK)', width: '150px'},
    ...
    ],
    order: [[0, 'desc']],
    responsive: true,
    pageLength: 10,
    ...
});

提前致谢。

Answer 1

使用columns.orderSequence自定义每列的顺序。

例如，要先按降序对第三列进行排序，请使用以下代码:

$('#example').DataTable( {
  "columnDefs": [
    { "orderSequence": [ "desc", "asc" ], "targets": [ 2 ] }
  ]
} );