滚动条
此示例显示的是 DataTables 的用于与滚动条配合使用的 滚动条扩展。以前，这些扩展之间的集成不受支持，但现在是可行的。
| ID | 名 | 姓 | 邮政编码 | 国家 |
|---|---|---|---|---|
| ID | 名 | 姓 | 邮政编码 | 国家 |
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下面显示的 Javascript 用于初始化此示例中显示的表格
$('#example').DataTable({ ajax: '../data/2500.txt', fixedHeader: { header: true, footer: true }, scrollCollapse: true, scrollY: 200, scroller: true });
new DataTable('#example', { ajax: '../data/2500.txt', fixedHeader: { header: true, footer: true }, scrollCollapse: true, scrollY: 200, scroller: true });
除了上述代码之外，还会加载以下 Javascript 库文件以用于此示例
下面显示的 HTML 是原始 HTML 表格元素，它尚未通过 DataTables 获得增强
为了正确显示表格，此示例使用了一些额外的 CSS，这些 CSS 超出了库文件（如下所示）所加载的内容。下面显示的是所使用的附加 CSS
为了对表格进行样式设置，此示例会加载以下 CSS 库文件
此表格通过 Ajax 加载数据。下面显示的为加载的最新数据。随着任何附加数据的加载，该数据将自动更新。
下面显示的是用于执行此表格服务器端处理的脚本。请注意，这只是一个使用 PHP 的示例脚本。服务器端处理脚本能用任何语言编写，方法是使用 DataTables 文档中描述的协议。