2017-12-12 3 views
3

簡単な検索を作成しましたが、フィルタリングされていません。データテーブルプラグインを使用しています。私は何が私のスクリプトで逃したのか分からない。datatable column.search()がテーブルをフィルタリングしていません

<input type="text" id="txtserial" name="txtSerial" class="form-control" /> 

は、ここに私のjavascriptです:あなたは無効探索能力を持っているので、

var dtmyJob = $('#myJob').DataTable({ 
    "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], 
    iDisplayLength: -1, 
    sScrollY: "40vh", 
    bScrollInfinite: true, //this property disables pagination 
    "scrollCollapse": true, 
    "paging": false, 
    "bInfo": false, 
    "bFilter": false, 
    "bSort": false 
}); 

$("#txtserial").on('keyup', function() { 
    dtmyJob.columns(2).search(this.value).draw(); 
    alert(dtmyJob); 
}); 
+0

のDataTableを自動検索フィールドを提供します。 columnDefs:[]プロパティで列を定義しなかったのはなぜですか? – PhilMaGeo

+0

@PhilMaGeoこのサンプルに基づいています。彼は任意のプロパティを使用しませんでした。 [link](http://jsfiddle.net/Ratan_Paul/5Lj6peof/1/) – Zach

+0

あなたは正しいです。彼のケースでは、検索フィールドが自動的に生成されることを意味しますが、あなたが自分で作ることができなかった理由はわかりません。 htmlテーブルまたはajaxリクエストを使用していますか? – PhilMaGeo

答えて

1

bFilter: falseを削除し、columns().search()で検索が機能しない理由です。

検索ボックスを非表示にする場合は、domオプションを使用してください。例えば

:あなたはそれを無効にしない限り

'dom': 'lrtip' 
+0

' bFilter:false'を削除すると問題が解決しました。 – Zach

関連する問題