数据表,如何使用图标将一列排序为另一列?

时间:2017-06-14 00:43:12

标签: javascript jquery sorting datatables icons

现在我有了这段代码

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

这使第一列排序第二列。它按预期工作,除了排序图标显示在第一列而不是第二列。

我需要排序图标显示在第二列,是否有人知道如何做到这一点?感谢

1 个答案:

答案 0 :(得分: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/