DataTables示例 延迟加载集结号游戏

在服务器端处理中使用集结号游戏表时,默认行为是具有集结号游戏表 自动进行Ajax调用并加载集结号游戏,删除可能已经存在的所有内容 桌子。但是,当表的第一页包含以下内容时,此行为可能并不总是令人满意的 已经预先加载到HTML中(您可以这样做以确保可访问性或提高性能 reasons).

通过使用以下命令可以覆盖此自动Ajax调用以获取第一页集结号游戏: deferLoadingDT 初始化属性。它 有两个目的,首先表明需要延迟加载,还告诉DataTables 整个表中有多少条记录,在这种情况下为57(这允许信息元素和 分页才能正确显示)。

在下面的示例中,HTML页面已经具有可用的前10行集结号游戏,因此我们使用 deferLoadingDT 告诉DataTables这 集结号游戏可用,并且在进行交互之前,应等待交互(排序,分页等) Ajax call.

"
名字 位置 办公室 开始日期 薪水
名字 位置 办公室 开始日期 薪水
沙里爱里 会计 东京 33 2008/11/28 $ 162,700
当归拉莫斯(Angelica Ramos) 首席执行官(CEO) 伦敦 47 2009/10/09 $ 1,200,000
阿什顿·考克斯(Ashton Cox) 初级技术作者 旧金山 66 2009/01/12 $ 86,000
布拉德利·格里尔 软件工程师 伦敦 41 2012/10/13 $ 132,000
布伦登·瓦格纳 软件工程师 旧金山 28 2011/06/07 $ 206,850
布里埃尔·威廉姆森(Brielle Williamson) 整合专家 纽约 61 2012/12/02 $ 372,000
布鲁诺·纳什(Bruno Nash) 软件工程师 伦敦 38 2011/05/03 $ 163,500
凯撒万斯 售前支持 纽约 21 2011/12/12 $ 106,450
卡拉·史蒂文斯(Cara Stevens) 销售助理 纽约 46 2011/12/06 $ 145,600
塞德里克·凯利 高级JavaScript开发人员 爱丁堡 22 2012/03/29 $ 433,060

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

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

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

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

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

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

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

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