javascript - 数据表，如何使一列用图标对另一列进行排序？

Question

现在我有这个代码

$(document).ready(function() {
$( "#tabs" ).tabs();
    $('#table_id').DataTable({
        "order": [],
        "autowidth": false,
        "bScrollCollapse": true,
        "sScrollX": "100%",
        "columnDefs": [
        { "orderData":[ 1 ],   "targets": [ 0 ] },
        ]
    } );
});

这使得第一列对第二列进行排序。它按预期工作，只是排序图标显示在第一列而不是第二列上。

我需要在第二列中显示排序图标，有人知道如何做到这一点吗？谢谢

Answer 1

“我的问题没有说清楚吗？”。你的问题很清楚，答案还是一样:鱼与熊掌不可兼得。如果您希望在第二列上使用排序箭头，则必须以编程方式对第二列进行排序。当鼠标点击第一列时，只需触发第二列的单击即可。这是一个例子:

$('#example thead th:eq(0)').off().on('mousedown', function(e) {
  $('#example thead th:eq(1)').trigger('click');
  return false; //prevent focus rect
})

演示 -> http://jsfiddle.net/8cxn4751/