滚动仪示例 客户端数据源(50,000行)

此示例完全是人为的,因为所生成的数据是在客户端创建的 只是循环围绕JavaScript数组然后将其传递给DataTables。但是,它确实表现得很好 该数据和滚动仪可以在客户端上应对大量数据 很好。通常,诸如此之类的数据将是Ajax资源和服务器端处理应该是 considered.

请注意,此页面的性能将取决于您的浏览器作为数据数组 生成 - 例如IE6将爬行!

ID 邮编/邮政编码 国家

下面显示的JavaScript用于初始化此中所示的表 example:

$(document).ready(function() { var data = []; for ( var i=0 ; i<50000 ; i++ ) { data.push( [ i, i, i, i, i ] ); } var oTable = $('#example').dataTable( { data: data, deferRender: true, dom: "frtiS", scrollY: 200, scrollCollapse: true } ); } );

除了上面的代码外,还加载了以下JavaScript库文件以供使用 example:

下面显示的HTML是RAW HTML表元素,然后才能增强 DataTables:

此示例使用超出库中加载的内容的一点额外CSS 文件(如下),以便正确显示该表。显示使用的附加CSS below:

在此示例中加载以下CSS库文件以提供造型 table:

此表由Ajax加载数据。已加载的最新数据如下所示。这个数据 将自动更新,因为加载了任何其他数据。

用于执行此表的服务器端处理的脚本如下所示。请注意 这只是使用PHP的示例脚本。服务器端处理脚本可以写入任何内容 language, using 该协议描述于 可列表文件.