ブートストラップデータテーブルにcolumnfilterを挿入するには

Question

私はhtmlテーブルをdatatableでバインドしており、検索、ページング、ソートなどの機能はうまくいきます。しかし、カラムフィルターを実装しようとしたときに

$('#table1').DataTable().columnFilter();` 

は動作しません。

columnFilterは機能ではありません。

Answer 1

私はこれを別の方法で行っています。

$('#demo-dt-basic thead tr th').each(function (i) {   
     var title = "Search "+$(this).text(); 

     $("<input class='form-control input-sm' type='text' placeholder='" + title + "'/>").appendTo($(this)); 
     table.columns().eq(0).each(function (colIdx) { 
      $('input', table.column(colIdx).header()).on('keyup change', function() { 
       table 
        .column(colIdx) 
        .search(this.value) 
        .draw(); 
      }); 
     }); 

});