2017-06-14 8 views
1

は今、私はこのコードDatatables、1つの列をアイコンで別の列にソートする方法はありますか?

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

を持っているこれは、最初の列が二列を並べ替えることができます。並べ替えアイコンが2番目の列の代わりに1番目の列に表示される点を除き、期待どおりに機能します。

2番目の列に表示するソートアイコンが必要です。どのようにすればいいですか?ありがとう

+0

これは、何が必要ですhttps://datatables.net/examples/advanced_init/html5-data-attributes.html I場合のためだ –

+0

検索/並べ替えのための目に見えない値を追加する必要があります。それは私が必要とするものではありません。 – knuxyl

+0

私は@Buraköztürkに同意します。第1列目と第2列目に同じデータを 'data-order'に入れることができます。 – inye

答えて

1

"私は質問を明確にしませんでしたか?"。あなたの質問は非常にはっきりしている、答えはまだ同じです:ケーキを食べて食べることはできません。 2番目の列に矢印をソートする場合は、2番目の列をプログラムでソートする必要があります。マウスが最初に当たったときに、2番目の列のクリックをトリガーするだけです。次に例を示します。

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

+0

完璧ありがとう!何らかの理由でコードの代わりにIDを使用しなければならなかったのですが、データテーブルでIDを設定していたと思いますが、手動で指定しました – knuxyl

+0

編集:IDではなくクラスを使用する必要がありました – knuxyl

関連する問題