使用自定义表格标签 DataTables jQuery 进行动态排序

Question

使用出色的 dataTables jQuery 插件，我无法为“aaSorting”参数创建动态数组。根据文档，“aaSorting”参数采用包含列和排序顺序的数组（或数组数组）。我需要为我正在处理的表创建一个动态数组，并使用我为表 aaSorting 参数添加的 sortCol 和 sortOrder 的自定义表属性的值。我以为我可以做到这一点...

var sortCol = $('#mytable').attr('sortCol');
var sortOrder = $('#mytable').attr('sortOrder');
var sortData = [];
if(sortCol != '' && sortOrder != ''){
     sortData[sortCol] = sortOrder;
}

然后在我的dataTable初始化中，使用sortData var作为“aaSorting”参数的值。但是，这不起作用。任何人都可以提供有关必须如何构造数组以便 dataTables 使用它进行排序的任何见解。

var myTableObject = dataTable({
     "oLanguage": "Search",
     "aaSorting": sortData
});

Answer 1

aaSorting 是一个数组数组。每个嵌套数组都有两个元素。第一个是列号，第二个是顺序（即 asc 或 desc）。您正在使用一维数组进行 aaSorting，请尝试 [[0, "asc"]]

更新

var sortCol = $('#mytable').attr('sortCol');
var sortOrder = $('#mytable').attr('sortOrder');
var sortData = [];
if(sortCol != '' && sortOrder != ''){
     sortData.push( [sortCol, sortOrder] );
}

示例

// Sort by 3rd column first, and then 4th column
$(document).ready( function() {
  $('#example').dataTable( {
    "aaSorting": [[2,'asc'], [3,'desc']]
  } );
} );