API
此示例展示了API方法的简单用法,Scroller为DataTables API 添加了此方法,以在表的数据加载完毕后滚动到某一行。在这种情况下,row().scrollTo()
用于跳转到行索引1000。
ID | 名字 | 姓 | 邮政编码 | 国家 |
---|
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 评论
下面显示的Javascript用于初始化此示例中所示的表
$('#example').DataTable({ ajax: '../data/2500.txt', initComplete: function () { this.api() .row(1000) .scrollTo(); }, scrollCollapse: true, scroller: true, scrollY: 200 });
new DataTable('#example', { ajax: '../data/2500.txt', initComplete: function () { this.api() .row(1000) .scrollTo(); }, scrollCollapse: true, scroller: true, scrollY: 200 });
除了以上代码之外,以下Javascript库文件已加载,用于此示例中
下面显示的HTML是原始HTML表格元素,它尚未通过DataTables增强
此示例使用了一些额外的CSS,除了从库文件中加载的内容(如下所示)之外,还为了正确显示表格。使用的附加CSS如下所示
以下CSS库文件已加载,用于此示例中,以提供表格样式
此表通过Ajax加载数据。已加载的最新数据如下所示。任何其他数据加载后,此数据将自动更新。
用于对此表的服务器端处理执行脚本的脚本如下所示。请注意,这只是一个使用PHP的示例脚本。服务器端处理脚本可以用任何语言编写,使用DataTables文档中描述的协议。