状态保存
如果在DataTable中已启用状态保存（stateSave），则滚动条将自动与DataTables集成，以便保存表格的滚动位置。本示例在实践中演示了这一点——为了演示，滚动表格，然后重新加载页面。
| ID | 名字 | 姓氏 | 邮政编码 | 国家/地区 |
|---|
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 评论
以下所示的Javascript用于初始化本示例中显示的表格
$('#example').DataTable({ ajax: '../data/2500.txt', scrollCollapse: true, scroller: true, scrollY: 200, stateSave: true });
new DataTable('#example', { ajax: '../data/2500.txt', scrollCollapse: true, scroller: true, scrollY: 200, stateSave: true });
除上述代码外，还会加载以下Javascript库文件，以便在本示例中使用
以下所示的HTML是原始HTML表格元素，在DataTables对其进行增强之前
本示例使用了一些额外的CSS，这些CSS超出了从库文件中加载的CSS（如下所示），以便正确显示表格。使用的额外CSS如下所示
将加载以下CSS库文件，以便在本示例中使用，为表格提供样式
此表格通过Ajax加载数据。最新加载的数据如下所示。当加载任何其他数据时，此数据将自动更新。
用于执行此表格服务器端处理的脚本如下所示。请注意，这仅仅是一个使用PHP的示例脚本。服务器端处理脚本可以用任何语言编写，使用DataTables文档中描述的协议。