Javascript YUIDataTable&;不分页的大型数据集
我目前正在实现一个YUI数据表,作为一个可重用的查看器来显示销售报告(以及其他类似的内容),供内部使用。问题是,这些报告中有许多长达1000行,甚至超过1000行,在更新更快的机器上,客户端性能成为一个问题 出于各种原因,服务器端分页不是我们的选择(主要是因为在将报表导出到电子表格时会出现问题——您不需要相同的分页结果) 所以我的问题是。。在不使用服务器端分页的情况下,如何提高YUI数据表的性能?这里有一个提示: 这里有一个提示:Javascript YUIDataTable&;不分页的大型数据集,javascript,performance,datatable,yui,Javascript,Performance,Datatable,Yui,我目前正在实现一个YUI数据表,作为一个可重用的查看器来显示销售报告(以及其他类似的内容),供内部使用。问题是,这些报告中有许多长达1000行,甚至超过1000行,在更新更快的机器上,客户端性能成为一个问题 出于各种原因,服务器端分页不是我们的选择(主要是因为在将报表导出到电子表格时会出现问题——您不需要相同的分页结果) 所以我的问题是。。在不使用服务器端分页的情况下,如何提高YUI数据表的性能?这里有一个提示: 这里有一个提示: 也许您在向用户显示结果时仍然可以使用分页,而在导出结果时将加载所
也许您在向用户显示结果时仍然可以使用分页,而在导出结果时将加载所有尚未加载的行?也许您在向用户显示结果时仍然可以使用分页,在导出结果时将加载所有尚未加载的行?您需要的是。DataTable对UI的最大影响是在呈现阶段。表对于浏览器来说是非常复杂的,即使它们自己也要呈现。添加DT中可用的所有动态功能,您可以看到一些真实的UI延迟 将所有数据发送到客户端。通过客户端分页,UI响应速度更快,用户友好 如果这不是一个选项,大约200或300。这将一次将行的输出分块到200或300,从而限制页面将遭受的回流次数。您需要的是。DataTable对UI的最大影响是在呈现阶段。表对于浏览器来说是非常复杂的,即使它们自己也要呈现。添加DT中可用的所有动态功能,您可以看到一些真实的UI延迟 将所有数据发送到客户端。通过客户端分页,UI响应速度更快,用户友好
如果这不是一个选项,大约200或300。这将一次将行的输出分块到200或300,从而限制页面将遭受的回流次数。1000+行在任何机器上的任何浏览器上都是困难的…1000+行在任何机器上的任何浏览器上都是困难的…有趣的。。我实现了这个调整--似乎稍微提高了性能。它似乎破坏了初始化加载:false..有趣。。我实现了这个调整--似乎稍微提高了性能。它似乎打破了初始加载:错误..我也在考虑尝试这个。。我对不在一个屏幕上显示所有结果的想法并不太兴奋,但如果没有分页就无法获得更好的性能,我可能不得不求助于客户端分页。我也在考虑尝试这一点。。对于不在一个屏幕上显示所有结果的想法,我并不太兴奋,但如果没有分页就无法获得更好的性能,我可能不得不求助于客户端分页。