jquery 如何删除数据表中分页

9rygscc1  于 2022-12-22  发布在  jQuery
关注(0)|答案(8)|浏览(191)

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

我试着自定义它,但我发现很少有方法可以做到这一点。

zhte4eai

zhte4eai1#

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

mitkmikd

mitkmikd2#

禁用分页

  • 对于数据表1.9*

使用bPaginate选项禁用分页。

$('#example').dataTable({
    "bPaginate": false
});
  • 对于数据表1.10 +*

使用paging选项禁用分页。

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

有关代码和演示,请参见this jsFiddle

删除分页控件并保持启用分页

  • 对于数据表1.9*

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

$('#example').dataTable({
    "sDom": "lfrti"
});
  • 对于数据表1.10 +*

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

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

有关代码和演示,请参见this jsFiddle

yxyvkwin

yxyvkwin3#

它起作用了
尝试以下代码

$('#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
})
g6ll5ycj

g6ll5ycj4#

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

我用它解决了我的问题。

tkqqtvp1

tkqqtvp15#

$('#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      
})

试试这个代码

dsekswqp

dsekswqp6#

如果你想删除分页,但是想对dataTable进行排序,那么在页面的末尾添加这个脚本!

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

7d7tgy0s7#

您可以将data-paging='false'添加到<table>元素中,该表的分页将被禁用。

hof1towb

hof1towb8#

这里有一个替代方法,它是对其他几个答案的渐进式改进。假设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();

相关问题