Question

有没有人知道如何在jQuery数据表中默认显示所有行？

我尝试过这段代码，但默认只显示10行。

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });

Answer 1

使用：

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

或者如果使用1.10 +

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

Answer 2

您应该使用的选项是iDisplayLength：

$('#adminProducts').dataTable({
  'iDisplayLength': 100
});

Answer 3

这个适用于我：

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

Answer 4

如果您使用的是DataTables 1.10+，则可以使用<table>代码data-page-length="-1"

中的data- *属性

这假设你有＆＃34; -1＆＃34;在您的数据表默认配置中定义，例如下面的

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

您的javascript变得简单$("table").DataTables();，您可以自定义HTML中每个表格的显示内容; IE浏览器。如果您在同一页面中有第二个较小的表格，应限制为10行<table data-page-length="10">

Answer 5

使用'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
            });
        }
})

Answer 6

以下是.html文件的完整功能javascript

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

Answer 7

您必须下载bootstrap-table.min.js并对其进行一些修改。.

如果下载bootstrap-table.min.js，则将其打开，然后尝试找到“ pageList：[10，” 将其设置为“ pageList：[10,15,20,25,50,100，“全部”]“，确保将“全部”写成这样。
默认页面大小也可以在同一行“ pageSize：10”中更改，也可以将其更改为pageSize：“ All”。
其他选项也可以修改。
完成修改后，不要忘记添加它或链接到新位置。

我希望它足够清晰，容易完成。

如何在JQuery DataTable中默认显示所有行

7 个答案: