web-dev-qa-db-ja.com

JQuery DataTableでデフォルトですべての行を表示する方法

JQueryデータテーブルにデフォルトですべての行を表示する方法を知っている人はいますか？

このコードを試しましたが、デフォルトでは10行しか表示されません。

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });
jqueryjquery-uijquery-pluginsdatatables
75
Radislav

つかいます：

$('#example').dataTable({
    aLengthMenu: [
        [25, 50, 100, 200, -1],
        [25, 50, 100, 200, "All"]
    ],
    iDisplayLength: -1
});

または、1.10 +を使用している場合

$('#example').dataTable({
    paging: false
});
211
LCoelho

使用するオプションはiDisplayLengthです。

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});
15
Bartek Kobyłecki
$('#table').DataTable({
   "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50, "All"] ]
});
4
RHOUG

これは私のために働く：

    $(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
      } );
    } );
3
tenstormavi

DataTables 1.10以降を使用している場合、<table>タグdata-page-length="-1"でdata- *属性を使用できます

これは、以下のようなデータテーブルのデフォルト設定で「-1」が定義されていることを前提としています

$.extend(true, $.fn.dataTable.defaults, { 
    lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]]
});

JavaScriptは$("table").DataTables();になり、HTML内のすべてのテーブルの表示をカスタマイズできます。 IE。同じページに10行に制限する必要がある2番目の小さなテーブルがある場合は、<table data-page-length="10">

1
th3byrdm4n

これが.htmlファイルの機能的なjavascript全体です。

<!--- javascript -->
<script type="text/javascript">
  $(document).ready(function(){
    $('#sortable').dataTable({
        'iDisplayLength': 100
    })})
</script>
0
embulldogs99

bootstrap-table.min.jsをダウンロードして、変更する必要があります。

  • Bootstrap-table.min.jsをダウンロードして開いて、「pageList：[10、」を見つけて「pageList：[10,15,20,25,50,100、 "All"]」として作成してください。 「すべて」がこのように書かれていることを確認してください。

  • デフォルトのページサイズも同じ行 "pageSize：10"から変更できます。pageSize： "All"として変更できます。

  • 他のオプションも変更できます。

  • 変更を完了するか、新しい場所にリンクすることを忘れないでください。

明確で簡単にできることを願っています。

0
Hamood K Alazri

「fnDrawCallback」を使用する

  $('#dataTable').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "fnInitComplete": function(){
            $('.display_results').show();
        },
        "fnDrawCallback": function() {
            $('.def').click(function(){
                var msg = $(this).next().text();
                $('.messages').messageBox()//Custom Dialog
            });
        }
})
0
Yoko Zunna