javascript - 使用自定义表格标签进行动态排序 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”参数的值。然而，这是行不通的。任何人都可以提供关于如何构建数组以便数据表使用它进行排序的任何见解。

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

Answer 1

aaSorting是一个数组的数组。每个嵌套数组都有两个元素。第一个是列号，第二个是顺序(即升序或降序)。您正在使用一维数组进行 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']]
  } );
} );