服务器端处理
当处理大型数据集时，服务器端处理在 DataTables 中可能非常有用，并且 ColReorder 按预期的那样处理。
我们建议您将基于对象的 data 与服务器端处理和 ColReorder 结合起来使用，因为这提供了列与服务器上的数据关系之间的易于理解的映射，否则您需要在每次调用时找出数组索引！
| 名 | 姓 | 职位 | 办公地点 | 开始日期 | 薪水 |
|---|---|---|---|---|---|
| 名 | 姓 | 职位 | 办公地点 | 开始日期 | 薪水 |
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下面显示的 Javascript 用于初始化本示例中所示的表格
$('#example').DataTable({ ajax: '../../../../examples/server_side/scripts/objects.php', columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'position' }, { data: 'office' }, { data: 'start_date' }, { data: 'salary' } ], colReorder: true, processing: true, serverSide: true });
new DataTable('#example', { ajax: '../../../../examples/server_side/scripts/objects.php', columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'position' }, { data: 'office' }, { data: 'start_date' }, { data: 'salary' } ], colReorder: true, processing: true, serverSide: true });
除了上述代码之外，本示例中还加载了以下 Javascript 库文件以供使用
下面显示的 HTML 是原始 HTML 表格元素，在 DataTables 增强之前
为了正确显示表格，本示例使用了一点额外的 CSS（如下所示），超出了从库文件中加载的 CSS 内容。下面显示了所使用的额外 CSS
本示例中加载了以下 CSS 库文件以供使用，为表格提供样式
此表格通过 Ajax 加载数据。下面显示了已加载的最新数据。这些数据会随着加载任何附加数据而自动更新。
下面显示了用于对该表格执行服务器端处理的脚本。请注意，这只是一个使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写，使用DataTables 文档中描述的协议。