jQuery Datatables 分页设置

Posted 2023-03-10

【中文标题】jQuery Datatables 分页设置

【英文标题】：jQuery Datatables pagination setting

【发布时间】：2013-12-23 17:44:33

【问题描述】：

我正在尝试处理 jquery 数据表的分页。我用ajax加载数据。我现在的回复是：

aaData: [[:anonymous:, null, 2012-07-29 08:28:21, 0, 85 million, null],…]
iTotalDisplayRecords: 70
iTotalRecords: 70
sEcho: 1

我的所有记录 (70) 都显示出来了，我怎样才能让它们分页并且每页有 10 条记录？

我尝试将 iTotalDisplayRecords 设置为 10，但结果相同。

我的数据表初始化：

myDataTable = $('#datatablesresults').dataTable(
    bProcessing  : true,
    sProcessing  : true,
    bServerSide  : true,
    sAjaxSource  : '/results/load-results?' + getParams,
    aoColumnDefs : ['bSortable' : false, 'aTargets' : ['no-sort']], // make the actions column unsortable
    sPaginationType : 'full_numbers',
    fnDrawCallback  : function(oSettings) 
        _initTable();
    
);

【问题讨论】：

你有没有找到解决这个问题的任何原因或解决方案。我遇到了同样的问题

【参考方案1】：

试试这个：

$("#myDataTable").dataTables(
     "bJQueryUI":true,
      "bSort":false,
      "bPaginate":true,
      "sPaginationType":"full_numbers",
       "iDisplayLength": 10
);

【讨论】：

我有正确的页数，我可以滑动浏览它们，但我仍然可以在每个选项卡上获得所有记录。像这样：显示 70 个条目中的 21 到 30 个，但他显示所有 70 个

【参考方案2】：

$('#example').dataTable( 
  "pagingType": "full_numbers"
 );


DataTables has six built-in paging button arrangements:

numbers - Page number buttons only (1.10.8)
simple - 'Previous' and 'Next' buttons only
simple_numbers - 'Previous' and 'Next' buttons, plus page numbers
full - 'First', 'Previous', 'Next' and 'Last' buttons
full_numbers - 'First', 'Previous', 'Next' and 'Last' buttons, plus page numbers
first_last_numbers - 'First' and 'Last' buttons, plus page numbers

【参考方案3】：

对于那些只想如何更改分页中显示的页数的人来说，这里是代码 sn-p。

jQuery.fn.dataTableExt.pager.numbers_length = 10;

$(document).ready(function() 
  // Basic datatable
  $('#datatable').DataTable();
  .... rest of the code below....

您可以更改分页中显示的页数，更改第一行的值“10”。