首页 文章

如何删除数据表中的分页

提问于
浏览
70

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

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

enter image description here

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

提前致谢 .

7 回答

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

    试试这个代码

  • 21

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

  • 4

    禁用分离

    对于DataTables 1.9

    使用bPaginate选项禁用分页 .

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

    对于DataTables 1.10+

    使用paging选项禁用分页 .

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

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

    取消了分离控制并使得分离得以实现

    对于DataTables 1.9

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

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

    对于DataTables 1.10+

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

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

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

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

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

  • 131

    它正在发挥作用

    试试下面的代码

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

    如果您想删除分页但想要订购dataTable,请在页面末尾添加此脚本!

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

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

相关问题