javascript - 没有分页的 YUI 数据表和大数据集

标签 javascript performance datatable yui

我目前正在实现一个 YUI 数据表作为一个可重复使用的查看器来显示销售报告(和其他类似的东西)供内部使用。问题是,其中许多报告长达 1000 行,甚至超过 1000 行,客户端性能成为更新、更快的机器上的问题。

由于各种原因,服务器端分页不是我们的选择(主要是因为在将报告导出到电子表格时会出现问题——您不希望得到相同的分页结果)。

所以我的问题是..在不诉诸服务器端分页的情况下,我可以通过哪些方式提高 YUI 数据表的性能?

最佳答案

你要的是client side pagination . DataTable 对 UI 的最大影响是在渲染阶段。表格对于浏览器来说非常复杂,即使是它们自己也无法呈现。添加 DT 中可用的所有动态功能,您会看到一些真正的 UI 滞后。

将所有数据发送给客户端。通过客户端分页,UI 响应速度更快且用户友好。

如果这不是一个选项,configure renderLoopSize到 200 或 300 左右。这会将行的输出一次分块到 200 或 300,从而限制您的页面将遭受的重排次数。

关于javascript - 没有分页的 YUI 数据表和大数据集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1255842/

相关文章:

MySQL。拥有一个 1M 记录的表或 10 个表,每个表 100K 记录更好(性能)吗?

.net - 数据表中的 OpenXML 折线图

c# - 如何在 Rows.Add 之后触发 DataTable NewRow 事件

javascript - 单击 j-query 按钮时选择列表文本不会更改

asp.net - 如何预热 ASP.NET Web 应用程序,以便导航到时启动时间不会太长?

JavaScript : Hosting User Images in S3 Bucket For Application

C++ 程序在重新执行时加速

jsf - 可收藏的 PrimeFaces 数据表分页器

javascript - AngularJS 绑定(bind)模型选择最小最大值更新输入数字字段

javascript - 如果我使用 CLI3,如何更新 VueJs 中的文件路径