如何删除数据表中的分页

Question

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

在一个页面中有一个订单列表,我在Datatable网格中显示它们,但在底部我不想显示分页.有没有办法通过在jQuery库上使用位自定义来从数据表中删除或隐藏分页.

我试图自定义它,但我找到了很少的方法来做它..

提前致谢.

Answer 1

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

Answer 2

禁用的分离

对于DataTables 1.9

使用bPaginate选项禁用分页.

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

对于DataTables 1.10+

使用paging选项禁用分页.

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

有关代码和演示,请参阅此jsFiddle.

消除分离控制并使剥离分离成为可能

对于DataTables 1.9

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

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

对于DataTables 1.10+

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

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

有关代码和演示,请参阅此jsFiddle.

Answer 3

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

我用它解决了我的问题,希望它对你有用..

Answer 4

它正在发挥作用

试试下面的代码

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

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

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

Answer 6

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

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