javascript - 当源数据是对象数组时数据表中的默认排序

Question

https://datatables.net/examples/basic_init/table_sorting.html

$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 3, "desc" ]]
    } );
} );

文档中的示例使用数组数组作为源，并通过指定索引定义排序。

当源是对象数组时，如何指定默认排序。

我尝试将其写为

        "order": [[ "attribute_name", "desc" ]]

但它不起作用。我收到此错误

Uncaught TypeError: Cannot read property 'aDataSort' of undefined

Answer 1

根据documentation order 函数的第一个参数(或者在您的情况下 order 对象数组中的第一个位置)必须是您希望排序的列的索引 number。

要解决此问题，您可以将该属性的值设置为返回所需列索引的函数。例如:

$(document).ready(function() {
  function findColumn(input) {
    return function(element) {
      return element.sTitle === input;
    }
  }

  var myDataTable = $('#example').DataTable();
  var columnIWant = "Office";
  var indexOfThatColumn = myDataTable.context[0].aoColumns.find(findColumn(columnIWant)).idx;

  myDataTable.order([indexOfThatColumn, "desc"]);
});

诚然，这相当丑陋(尽管功能正常!)，但通过一些重构，这可能是一个不错的解决方案。