Javascript 数据表在绘制多个数据表时速度较慢

Javascript 数据表在绘制多个数据表时速度较慢,javascript,jquery,datatables,Javascript,Jquery,Datatables,我有一个web应用程序,需要多次重画DataTable的实例。它们每个都有非常小的数据源,但当我对一个普通实例进行性能检查时 var table = $("#Table").DataTable({ "data": smallData }); $("#Table").clear(): $("#Table").rows.add(otherSmallData).draw(); 已经花了200毫秒。在我的例子中,更新所有实例需要2秒钟(浏览器冻结2秒钟)。是否有任何方法可以在客户端顺利执行此操

我有一个web应用程序,需要多次重画DataTable的实例。它们每个都有非常小的数据源,但当我对一个普通实例进行性能检查时

var table = $("#Table").DataTable({
    "data": smallData
});
$("#Table").clear():
$("#Table").rows.add(otherSmallData).draw();
已经花了200毫秒。在我的例子中,更新所有实例需要2秒钟(浏览器冻结2秒钟)。是否有任何方法可以在客户端顺利执行此操作?

尝试使用延迟渲染选项以提高初始化速度

var table = $("#Table").DataTable({
   "data": smallData,
   "deferRender": true
});
尝试使用延迟渲染选项以提高初始化速度

var table = $("#Table").DataTable({
   "data": smallData,
   "deferRender": true
});

您已经在使用jQuery创建对表的引用,当您使用它而不是深入DOM时会发生什么?像这样:

var table = $("#Table").DataTable({
    "data": smallData
});
table.clear().rows.add(otherSmallData).draw();

您已经在使用jQuery创建对表的引用,当您使用它而不是深入DOM时会发生什么?像这样:

var table = $("#Table").DataTable({
    "data": smallData
});
table.clear().rows.add(otherSmallData).draw();

我不能,因为在实际函数中,有一个if-else检查。该表将仅在第一次初始化。我无法初始化,因为在实际函数中,存在if-else检查。该表只会在第一次初始化。它不会真正提高性能,因为延迟选项适用于大数据集。我认为它不会真正提高性能,因为延迟选项适用于大数据集