Question

我正在使用https://datatables.net/ jQuery插件来显示客户端表格数据。

我的表的数据是预先排序的，所以我不希望dataTables的开销做第一次排序。我已将aaSorting设置为[]，以便dataTables不对数据进行排序。

我的问题是我希望标题样式显示数据排序的列以及该列的排序时间以切换排序顺序。

我尝试了下面的作弊，显示了我想要的方式，但是我必须点击两次才能将搜索更改为降序。

dataTableOptions.fnInitComplete = function (oSettings, json) {
    $table.find('th:first').addClass('sorting_asc');
};

任何建议都将不胜感激。

感谢。

Answer 1

您可以将目标列的默认排序方向设置为＆＃39; desc＆＃39;使用asSort作为记录的here。这将在第一次单击时按降序对表进行排序。您仍然需要在init上将th:first的类设置为sorting_asc。

// Using aoColumns
$(document).ready( function() {
  $('#example').dataTable( {
    "aaSorting": [],
    "aoColumns": [
      { "asSorting": [ "desc", "asc" ] }, // assumes you are targeting column 1
      ...// other columns
    ],
    ...// other configuration
  } );
} );

我可以显示数据在未按dataTables排序时进行排序

1 个答案: