0
データテーブルを使用していて、データテーブルによって提供されるデフォルトのページ長を変更したいとします。下記のリンク acheive https://datatables.net/examples/advanced_init/length_menu.htmlJqueryデータテーブルページ長のカスタマイズ
で述べたように、私たちは、私が提供するデフォルトの検索&ページネーションを無効にしたいので、私は
var table = $('#inbox').DataTable();
によりデータテーブルを使用しています
$(document).ready(function() {
$('#example').DataTable({
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
});
});
によってこれを行うことができます2つの列のみで検索をカスタマイズできるようになりました。私はデフォルトの検索を無効にし、この
$('#dept').keyup(function() {
table.columns(2).search(this.value).draw();
});
$('#type').keyup(function() {
table
.columns(0)
.search(this.value)
.draw();
});
に応じて実施してきたように、CSS
.dataTables_filter, .dataTables_info, .dataTables_length,
.dataTables_paginate, .paging_simple_numbers {
display: none;
}
によってpagingationだからlengthMenuオプションを提供するオプションはありません。私はデフォルトで100行を表示し、長さを変更するオプションは表示しません。どうすればこれを達成できますか?
この場合、私が使用しているカスタム検索を適用することができます。 $( '#dept')。keyup(function(){ table.columns(2).search(this.value).draw(); }); $( '#タイプ')keyUpイベント(関数(){ テーブル.columns(0) .search(this.value) .draw();} )。 –
あなたのカスタム検索が機能していないと言っていましたか? – Charan
基本的に私は 'var table = $( 'inbox')。DataTable();' というカスタム検索を実行するためのリファレンスが必要です。 iは '$( '#例')を適用した場合にデータテーブル({ "lengthChange":偽、 "iDisplayLength":100 })。 ' 私のカスタム検索は機能しません。私はカスタム検索を と同様に使い、100の長さを表示したいと考えています。 –