DataTables示例 阿贾克斯 集结号游戏源(数组)

DataTables能够从几乎任何JSON集结号游戏源读取集结号游戏,而该集结号游戏源可以通过 阿贾克斯可以通过设置其最简单的形式来完成此操作 ajaxDT JSON地址的选项 data source.

ajaxDT 选项还允许更高级 配置,例如更改Ajax请求的发出方式。见 ajaxDT 文档或其他Ajax 有关集结号游戏表的更多信息,请参见示例。

默认情况下,DataTables将假定要使用数组集结号游戏源,并将读取 使用列索引从行数组的每一列中显示的信息,使工作 使用数组非常简单(请注意,可以更改此数组,否则使用的对象可能会使用 columns.dataDT 选项,其他显示 examples).

下面的示例显示DataTables从数组作为集结号游戏源加载表的集结号游戏,其中 在此示例中,行的集结号游戏源的结构为:

[
	"Tiger Nixon",
	"System Architect",
	"Edinburgh",
	"5421",
	"2011/04/25",
	"$3,120"
]

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

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

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

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

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

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

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

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

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