2017-07-12 6 views
1

私はこれも可能かどうかを見極めようとしています。jQuery DataTablesを単一のSelect Optionから並べ替える

私は、jQuery DataTables、カスタムオプション、単純な基本初期化だけでソート可能な基本テーブルを用意しています。

$("#myTable").DataTable(); 

私は選択フォーム要素にMYTABLEを接続し、テーブルはONLYその選択のドロップダウンによってソートできる持っている方法はありますか?

+0

これは役に立ちます。https://stackoverflow.com/q/16565568/1793718基本的に、ユーザーがselect要素でオプションを選択すると、(ソートではなく)列がフィルタリングされると予想されます。だから、データをフィルタリングして表示する方が良いと思います。ここで私の質問を参照してください、https://stackoverflow.com/q/39169291/1793718私はより良い解決策を見つけることができませんでした。これを行うには、カスタムプラグインを作成する必要があります。または、https://datatables.net/forums/に行き、他のソリューションについて質問を投稿してください – Lucky

答えて

0

columnDefs.orderableオプションを使用して各列の並べ替えを無効にし、ドロップダウンコントロールの値が変更されたときにorder() APIメソッドを使用してテーブルを並べ替えることができます。例えば

var table = $('#example').DataTable({ 
    'columnDefs': [ 
     { 'orderable': false, 'targets': '_all' } 
    ], 
    'order': [0, 'asc']  
}); 

$('#example-sort').on('change', function(){ 
    table.order([$(this).val(), 'asc']).draw(); 
}) 

は、コードやデモンストレーションのためthis example参照してください。

関連する問題