jQuery Datatables分页设置

jQuery Datatables pagination setting

本文关键字：设置 分页 Datatables jQuery      更新时间：2024-04-27

我正在尝试处理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，但它显示了相同的结果。

我的数据表init:

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();
    }
});

试试这个：

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

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

对于那些只想了解如何更改分页中显示的页数的人来说，这里是代码片段。

jQuery.fn.dataTableExt.pager.numbers_length = 10;
$(document).ready(function() {
  // Basic datatable
  $('#datatable').DataTable();
  .... rest of the code below....

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

相关文章：