DataTables示例 延迟渲染以提高速度

使用大型数据源时,您可能会寻求提高DataTables的运行速度。 一种这样做的方法是将DataTables中的内置延迟呈现选项与 deferRenderDT 选项。

When deferred rendering is enabled, rather than having DataTables create all TRTD nodes required for the 加载数据时使用表,DataTables将仅创建每一行所需的节点 在页面上绘制该行时(这些节点将保留,以备需要时使用) 再次,这样就不会多次创建它们)。这可以显着提高性能,因为 在初始化时完成的工作要少得多。

下面的示例显示了启用延迟渲染的数据表。对于这个小例子,您将 可能没有什么区别,但是只要启用此功能,较大的表就可以受益匪浅 parameter.

名称 位置 办公室 扩展 开始日期 薪水
名称 位置 办公室 扩展 开始日期 薪水

下面显示的Javascript用于初始化此显示的表 example:

$(document).ready(function() { $('#example').dataTable( { "ajax": "data/arrays.txt", "deferRender": true } ); } );

除上述代码外,以下Javascript库文件也已加载以供在本文档中使用。 example:

下面显示的HTML是原始HTML表格元素,之前已通过 DataTables:

除了从库中加载的内容外,此示例还使用了一些其他CSS 文件(如下),以便正确显示表格。显示了使用的其他CSS below:

加载以下CSS库文件以供本示例使用,以提供 table:

该表通过Ajax加载数据。下面显示了已加载的最新数据。这个数据 将在加载任何其他数据时自动更新。

下面显示了用于执行此表的服务器端处理的脚本。请注意 这只是使用PHP的示例脚本。服务器端处理脚本可以用任何形式编写 language, using 协议中描述的协议 DataTables文档.