Datatables.net 渲染和应用分页速度慢答案

【问题标题】：Datatables.net slow in rendering and applying pagingDatatables.net 渲染和应用分页速度慢
【发布时间】：2016-01-25 23:15:03
【问题描述】：

我正在尝试在 asp.net 网络表单中实现 DataTables.net 1.10.9 (http://datatables.net)。它适用于少量数据，但会延迟渲染和在网页上应用分页。

我正在使用Repeater 控件并在运行时将其绑定到页面后面的代码中。

加载页面后，我可以看到表格中的所有数据，但页面仍在处理中，延迟 5-8 秒后分页和主题应用于表格。

有什么办法可以减少渲染时间吗？（不使用服务器端网络服务）

到目前为止，我已经尝试过使用“deferRender”：是的，但没有运气。

在 Firefox 和 google chrome 中工作正常，但在 IE9 中出现延迟

【问题讨论】：

渲染时表格中有多少行？
使用innerHtml时IE好像有问题love2dev.com/#!article/…stackoverflow.com/questions/2406192/…

【解决方案1】：

解决方案

使用deferRender 延迟不可见行的呈现，以加快初始化速度。

请注意，这只会提高 Ajax 或 JavaScript 来源数据的性能（即使用 ajax 或 data 选项时）。

var table = $('#example').DataTable({
    ajax: 'https://api.myjson.com/bins/qgcu',
    deferRender: true
});

如果您使用 HTML 源数据，请考虑编写一个脚本，该脚本将使用数据生成 JSON。然后您可以使用ajax 选项指定脚本的路径并使用deferRender: true 如上所示来提高性能。

演示

有关代码和演示，请参阅 this jsFiddle。

链接

【讨论】：