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


How to show all rows by default in JQuery DataTable

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

我已经尝试过此代码，但是默认情况下它仅显示10行。

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

使用：

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

或者如果使用1.10+

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

相关讨论
1
2
3
$('#table').DataTable({
  "lengthMenu": [ [5, 10, 25, 50, -1], [5, 10, 25, 50,"All"] ]
});

这对我有用：

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

如果您使用的是DataTables 1.10+，则可以在

标记data-page-length="-1"中使用data- *属性

假设您在数据表默认配置中定义了" -1"，如下所示

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

您的JavaScript变成了$("table").DataTables();，您可以自定义HTML中每个表格的显示； IE浏览器如果同一页中有第二个较小的表，该表应限制为10行，则

相关讨论

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

  • 如果您下载bootstrap-table.min.js，则将其打开，然后尝试找到" pageList：[10，"
    将其设置为" pageList：[10,15,20,25,50,100，"全部"]"，确保将"全部"写成这样。

  • 默认页面大小也可以在同一行" pageSize：10"中更改，也可以将其更改为pageSize：" All"。

  • 其他选项也可以修改。

  • 完成修改后，不要忘记添加它或链接到新位置。

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

相关讨论

这是您的.html文件的完整功能javascript

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

使用'fnDrawCallback'

1
2
3
4
5
6
7
8
9
10
11
12
13
  $('#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
            });
        }
})