Fomantic-UI（原为 Semantic-UI）样式
此示例展示了在 Fomantic-UI（Semantic-UI 的维护分支）中使用 DataTables 和 Scroller 扩展。DataTables/Fomantic-UI 集成提供了无缝集成，可让 DataTables 在 Fomantic-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 表元素，在它被 DataTables 增强之前
为了正确显示该表，此示例使用了来自库文件（如下所示）之外的一些额外 CSS。下面显示了使用的附加 CSS
加载了以下 CSS 库文件以用于此示例，以提供表的样式
此表通过 Ajax 加载数据。下面展示了已加载的最新数据。随着加载任何额外数据，此数据将自动更新。