Jquery DataTable动态分页

Question

如何配置 Jquery DataTable 在第一次加载时不加载所有内容

例如，如果我有 1000 条记录，DataTable 将在第一次加载时加载所有记录，但这可能很重。单击分页部分时如何加载每个内容？喜欢This

$(document).ready( function () {
  $('#example').dataTable( {
    "bServerSide": true,
    "sAjaxSource": "xhr.php"
  } );
} );

有类似分页的服务器端配置，请让我知道，如果我的问题重复，请大声说出来。

Answer 1

使用"deferLoading"属性：

https://datatables.net/examples/server_side/defer_loading.html

Answer 2

在此处查看完整的 jquery 示例 jquery-datatable-ajax-tutorial-with-example

var studentTable;

jQuery(document).ready(function() {

studentTable = jQuery("#studentListTable").dataTable({
"bJQueryUI" : true,
"sPaginationType" : "full_numbers",
"bRetrieve" : true,
"bFilter" : true,
"iDisplayLength": 10,
"bProcessing" : true,
"bServerSide" : false,
"aoColumns" : [ { "bSearchable" : false,"bVisible" : false,
"asSorting" : [ "asc" ] },
{"sWidth" : "20%","bSortable" : true },
{"sWidth" : "20%","bSortable" : true },
{"sWidth" : "20%","bSortable" : true },
{"sWidth" : "20%","bSortable" : true },
{"sWidth" : "20%","bSortable" : true }
]
});

jQuery(".ui-corner-br").addClass("ui-widget-header_custom");
});

Jquery DataTable动态分页

Jquery DataTable Dynamic Pagination

javascript

datatable

jquery