DataTables示例 服务器端处理

有很多方法可以将数据放入DataTables中,如果要处理的数据量很大, 数据库,您可能要考虑使用DataTables提供的服务器端选项。用 启用服务器端处理后,DataTables执行的所有分页,搜索,排序操作都是 移交给SQL引擎(或类似引擎)可以对大型数据集执行这些操作的服务器 (毕竟,这就是数据库引擎设计的目的!)。因此,该表的每次抽签将 导致发出新的Ajax请求以获取所需的数据。

通过设置 serverSideDT option to true 和 通过以下方式提供Ajax数据源: ajaxDT 选项。

这个例子展示了一个非常简单的表,与其他例子匹配,但是在这种情况下使用 服务器端处理。有关使用服务器端处理的更多更复杂的示例,请 refer to the 服务器端处理 例子。

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

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

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

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

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

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

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

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

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