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文档中描述的协议

      其他示例