jquery - 如何删除数据表中的分页

Question

我是 jQuery 的新手。我在网格中使用过数据表，但不需要分页。

一页中有一个订单列表，我在数据表网格中显示它们，但在底部我不想显示分页。有没有办法通过对 jQuery 库进行一些自定义来从数据表中删除或隐藏分页。

我试图自定义它，但我发现很少有方法可以做到这一点..

提前致谢。

Answer 1

您应该包含"bPaginate": false,在您传递给构造函数参数的配置对象中。如此处所示：http: //datatables.net/release-datatables/examples/basic_init/filter_only.html

Answer 2

禁用分页

对于数据表1.9

使用bPaginate选项禁用分页。

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

对于数据表 1.10+

使用paging选项禁用分页。

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

有关代码和演示，请参阅此 jsFiddle。

删除分页控制并启用分页

对于数据表1.9

使用sDom选项来配置页面上显示的控制元素。

$('#example').dataTable({
    "sDom": "lfrti"
});

对于数据表 1.10+

使用dom选项来配置页面上显示的控制元素。

$('#example').dataTable({
    "dom": "lfrti"
});

有关代码和演示，请参阅此 jsFiddle。

Answer 3

它正在工作

试试下面的代码

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

Answer 4

$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

我已经用它解决了我的问题。

Answer 5

$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

试试这个代码

Answer 6

如果您想删除分页但又想对 dataTable 进行排序，请将此脚本添加到页面末尾！

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>

Answer 7

这是一个替代方案，它是对其他几个答案的增量改进。假设 settings.aLengthMenu 不是多维的（当 DataTables 有行长和标签时可以）并且页面加载后数据不会改变（对于简单的 DOM 加载的 DataTables），可以插入此函数以消除分页。它隐藏了几个与分页相关的类。

在下面的函数中将分页设置为 false 可能更强大，但是我没有看到对该副手的 API 调用。

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();