我目前正在实现一个 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/