2017-02-07 9 views
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行を表示し、長さを変更するオプションは表示しません。どうすればこれを達成できますか?

答えて

1

DisplayLengthプロパティを使用してみましたか?

$('#example').DataTable({ 
    "lengthChange": false, 
    "iDisplayLength": 100 
}); 
+0

この場合、私が使用しているカスタム検索を適用することができます。 $( '#dept')。keyup(function(){ table.columns(2).search(this.value).draw(); }); $( '#タイプ')keyUpイベント(関数(){ テーブル.columns(0) .search(this.value) .draw();} )。 –

+0

あなたのカスタム検索が機能していないと言っていましたか? – Charan

+0

基本的に私は 'var table = $( 'inbox')。DataTable();' というカスタム検索を実行するためのリファレンスが必要です。 iは '$( '#例')を適用した場合にデータテーブル({ "lengthChange":偽、 "iDisplayLength":100 })。 ' 私のカスタム検索は機能しません。私はカスタム検索を と同様に使い、100の長さを表示したいと考えています。 –

関連する問題