jQuery UI
此示例显示 DataTables 和 Scroller 在使用 jQuery UI 提供基本样式信息的情况下是如何使用的。
| ID | 名字 | 姓氏 | 邮政编码 | 国家/地区 |
|---|
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 评论
以下显示的 Javascript 用于初始化此示例中显示的表格
$('#example').DataTable({ ajax: '../data/2500.txt', scrollCollapse: true, scroller: true, scrollY: 200 });
new DataTable('#example', { ajax: '../data/2500.txt', scrollCollapse: true, scroller: true, scrollY: 200 });
除了以上代码外，还加载以下 Javascript 库文件以用于此示例
以下 HTML 是原始 HTML 表格元素，在增强表格之前
此示例使用了除库文件加载之外的其他一点 CSS（如下所示），以正确显示表格。下面显示了所使用的其他 CSS
为使用此示例加载了以下 CSS 库文件，以提供表格的样式
此表格通过 Ajax 加载数据。显示加载的最新数据。在加载任何其他数据后，此数据会自动更新。
用于执行此表格的服务器端处理的脚本如下所示。请注意，这仅仅是使用 PHP 的示例脚本。可以使用 DataTables 文档中所述的协议 用任何语言编写服务器端处理脚本。