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，我怎樣才能使一列與圖標排序？

回答

相關問題