jquery - 在对 JQuery 数据表进行初始排序时最后显示空值

Question

我有一个网页，其中显示的数据具有从应用程序而不是从数据库派生的日期列。初始排序 aaSorting 正是我所需要的，因为用户希望在第一次访问页面时按此日期对数据进行排序。但是，空值显示在列表的最开头，而在我的情况下，我希望它们显示在列表的末尾。有没有我可以用来执行此操作的设置？

这个 jsfiddle 演示了我遇到的问题。 https://jsfiddle.net/k4pmL8j0/4/

$(document).ready( function () {
    $('#example').dataTable( {
    "sScrollY": "460px",
    "sScrollX": "1050px",
    "bPaginate": false,
    "bFilter": false,
    "bInfo": false,
    "bSortable": true,
    "aaSorting": [[4,'asc']],
    "oLanguage": {"sZeroRecords": "", "sEmptyTable": ""}
    });
} );

Answer 1

您可以使用data-order 属性，以便控制表格按该列排序的方式。

对于常规日期，只需执行以下操作:

<td data-order="2016-09-06">06-Sep-2016</td>

对于空日期，请使用类似 z 的内容:

<td data-order="z"></td>

这是一个Fiddle

注意

这是一个很好的方法，因为您可以设置以任何您想要的方式显示的日期的格式。您不限于使用 YYYY-MM-DD 格式。