自定义数据源属性
从 Ajax 来源加载数据时，默认情况下，DataTables 将寻找数据以在返回对象的 data 参数中使用（例如，{ "data": [...] }). 这可以通过使用 dataSrc 选项 ajax 初始化选项轻易的更改。
有许多方法可以运用 ajax.dataSrc
- 字符串（例如，
dataSrc: 'myData'） - 从来源对象的另一个属性获取数据。 - 空字符串 (例如，
dataSrc: '') - 数据源不是对象，而是数组。 - 函数（例如，
dataSrc: function(json) {}） - 函数可用于从一种来源格式转换为另一种格式（例如，可从 XML 转换为 Javascript 对象）。函数返回的值用作表格的数据。
以下示例展示了 ajax.dataSrc 如何作为一个用于从不同来源获取数据的字符串，在本例中为 demo，但它可以是任何值，包括使用标准点分 Javascript 对象表示法的嵌套属性。
有关使用 Ajax 数据加载数据表格的更多详细信息，请参阅 手册的 Ajax 部分。
| 姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪水 |
|---|---|---|---|---|---|
| 姓名 | 职位 | 办公室 | 分机号 | 开始日期 | 薪水 |
- Javascript
- HTML
- CSS
- Ajax
- 服务端脚本
- 注释
下面显示的 Javascript 用于初始化此示例中显示的表格
$('#example').DataTable({ ajax: { dataSrc: 'demo', url: 'data/arrays_custom_prop.txt' } });
new DataTable('#example', { ajax: { dataSrc: 'demo', url: 'data/arrays_custom_prop.txt' } });
除了上述代码，还加载了以下 Javascript 库文件以便在此示例中使用
下面显示的是原始 HTML 表格元素，在被 DataTables 优化之前
该示例使用了额外的 CSS，除了从库文件（下方）加载的以外，以便正确显示表格。使用的额外 CSS 如下所示
在此示例中加载了以下 CSS 库文件以便为表格样式
该表格通过 Ajax 加载数据。加载的最新数据如下所示。加载任何其他数据时，该数据将会自动更新。
以下是执行该表格服务端处理的脚本。请注意，这只是一个使用 PHP 的示例脚本。服务端处理脚本可以用任何语言编写，使用 DataTables 文档中描述的协议。