如何使用不同的数据来显示和排序具有 jquery 数据表的列?
How can I use different data for displaying and sorting a column with jquery Datatables?
我有一个包含 Date/Time 列的数据表。但是我对我的日期进行了格式化,以便它们显示为 "Three hours from now" 或 'Three days ago'。这意味着当我单击该列进行排序时,它将按字母顺序对这些进行排序。我想按实际日期对这一列进行排序。我可以将此列的数据设置为实际日期并将其标签设置为这个更好的日期吗?我的数据表数据源是 HTML DOM 而不是 ajax.
想通了。我将实际日期添加为一个额外的列并使其不可见。然后我使用 orderData 根据额外的日期列来制作漂亮的日期顺序。
我在初始化中添加了 "columnDefs": 部分来执行此操作。
pendingTasksTable = $("#requestsTable").DataTable({
order: [2, 'desc'],
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": true,
"bAutoWidth": false,
pageLength: 12,
"columnDefs": [
{"orderData": [4], "targets": 2},
{"visible": false, "targets": [4]}
]
});
我有一个包含 Date/Time 列的数据表。但是我对我的日期进行了格式化,以便它们显示为 "Three hours from now" 或 'Three days ago'。这意味着当我单击该列进行排序时,它将按字母顺序对这些进行排序。我想按实际日期对这一列进行排序。我可以将此列的数据设置为实际日期并将其标签设置为这个更好的日期吗?我的数据表数据源是 HTML DOM 而不是 ajax.
想通了。我将实际日期添加为一个额外的列并使其不可见。然后我使用 orderData 根据额外的日期列来制作漂亮的日期顺序。
我在初始化中添加了 "columnDefs": 部分来执行此操作。
pendingTasksTable = $("#requestsTable").DataTable({
order: [2, 'desc'],
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": true,
"bAutoWidth": false,
pageLength: 12,
"columnDefs": [
{"orderData": [4], "targets": 2},
{"visible": false, "targets": [4]}
]
});