jQuery DataTable動態分頁

Question

我如何配置Jquery DataTable在第一次加載時不加載所有內容

例如，如果我有1000條記錄，則DataTable將在第一次加載時全部加載，但這可能很重。 單擊分頁部分時如何加載每個內容？ 像這樣

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

有用於分頁的ServerSide配置，請讓我知道，如果我的問題是重復的，那就喊出來。

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