初始化DataTable并破坏DataTable需要很长时间

时间:2016-03-17 12:41:10

标签: datatables knockout-3.0

我的JSON中有超过10000条记录,我希望在Jquery DataTable中显示这些记录。每个功能都需要超过10秒来销毁和重新创建表格。

有人可以帮助我优化DataTable人群,还是有任何建议?



VMSearchDevice.searchGridListIndividual([]); // Observable binded with the datatable
_dtSearchGrid.clear(); //Clears the Table content
_dtSearchGrid.destroy(); //Destroys the table object
VMSearchDevice.searchGridListIndividual(jsonResult); //Populating the observable array
_dtSearchGrid = $('#dtSearchResult').DataTable({ //Intializing the table again
    responsive: true,
    "sDom": 'Rlfrtip',
    "iDisplayLength": 10,
    "bScrollCollapse": true,
    "bPaginate": true,
    "bFilter": true,
    "bSort": true,
    "bInfo": true,
    "bSortClasses": true,
    "sPaginationType": "full_numbers" // To Set Pagination
});




1 个答案:

答案 0 :(得分:0)

尝试使用" bDeferRender" DataTables的功能:

当您使用表的Ajax或JS数据源时,延迟呈现可以为DataTables提供巨大的速度提升。此选项设置为true时,将导致DataTables推迟为每一行创建表元素,直到绘制需要它们为止 - 节省了大量时间。

"bDeferRender": true