Datatables，我怎样才能使一列与图标排序？

现在我有这样的代码Datatables，我怎样才能使一列与图标排序？

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

这使得第一列排序的第二列。它按预期工作，但排序图标显示在第一列而不是第二列。

我需要排序图标显示在第二列，有没有人有任何想法如何做到这一点？谢谢

来源

2017-06-14 knuxyl

这是你所需要的https://datatables.net/examples/advanced_init/html5-data-attributes.html –

这对我是否需要为搜索/排序添加不可见的值。这根本不是我所需要的。 – knuxyl

我同意@BurakÖztürk。您可以在第一列和第二列的'data-order'中放入相同的数据。 – inye

“我没有清楚我的问题吗？”。你的问题很清楚，答案仍然是一样的：你不能吃你的蛋糕。如果要在第二列上排序箭头，则必须以编程方式对第二列进行排序。当鼠标击中第一列时，只需点击第二列即可。这里有一个例子：

$('#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/

来源

2017-06-15 04:09:50 davidkonrad

完美谢谢！我不得不使用th代码而不是代码你出于某种原因，我猜数据表已经为th设置了ID，但是我手动指定了它们 – knuxyl

编辑：必须使用Class，而不是ID – knuxyl

Datatables，我怎样才能使一列与图标排序？

回答

相关问题