datatables js加速了？

Question

我正在客户端的数据表中加载超过10000条记录，因此绑定所有记录需要花费更多时间，所以我执行了以下两个步骤

1. first loaded 100 records in datatables using fnAddData() and fnDraw().
2. remaining records loaded to datatables in settimeout function.

加载前100条记录所花的时间非常快，尽管我使用settimeout函数加载了其余记录，但遇到了以下问题

 Page goes to not responding until the records bind to datatables 

任何想法如何解决页面不响应的问题，我需要一次一次加载完整记录，或者首先使用settimeout休息一些记录，然后快速加载数据。

Answer 1

您应该考虑使用DataTables提供的server-side options。

$(document).ready(function() {
    $('#example').dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "../server_side/scripts/server_processing.php"
    } );
} );

Answer 2

考虑使用

分页。这只会一次将X个记录呈现到DOM中，并允许您遍历页面以查看其余记录。由于您不需要将99％的记录呈现到DOM中即可启动，因此应该可以加快加载速度。

$('#example').DataTable({
    dom: 'lrtip',
    paging: true,
    pageLength: 50,
});