データテーブルをフィルタリングするには、選択ボックスを外にしますか？

Question

私はDataTablesテーブルプラグインをjQuery用に使用していますが、問題が発生しました グローバル入力検索ボックスを取得することは選択ボックスになります。 sDOMオプションlrtipで

は、入力をフィルタリングすることは示していないですが、選択ボックスの変化に基づいて選択ボックスおよびフィルタにデータテーブルを取得して表示することが可能である ？

JS：

$(document).ready(function() { 
    var table = $('#table_page').DataTable({ 
     paging: true, 
     ordering: false,   
     info:  true, 
     searching: true, 
     sDom: "lrtip" // default is lfrtip, where the f is the filter 
    }); 
}); 

HTML：

<table id="table_page" class="display cell-border" width="100%"> 
    <thead> 
     <tr> 
      <th>Column 1</th> 
      <th>Column 2</th> 
     </tr> 
    </thead> 
</table> 

Answer 1

あなたは、プログラムとdomオプションを無効にするには、グローバル検索を実行するためにsearch() APIメソッドを使用することができ、組み込みの検索制御。例えば

：

var table = $('#example').DataTable({ 
    dom: 'lrtip' 
}); 

$('#table-filter').on('change', function(){ 
    table.search(this.value).draw(); 
}); 

は、コードやデモンストレーションのためthis example参照してください。デフォルトの検索ボックスを置き換える場合は、this exampleを参照してください。