我有一个HTML表格,可能超过1K行和十几列。
我希望列的大小是固定的(由用户控制),不会在垂直或水平方向上增长/缩小。因此,特定表格单元格的内容在视觉上将在一行上,并且溢出将在单元格末尾被截断。
在Chrome中对大型表格进行性能分析,主要性能杀手是overflow:hidden。
我尝试将每个单元格的内容放在输入框中,因为这会复制相同的视觉行为,但这会产生类似的性能影响。
人们推荐什么来提高性能?
如果必要,我不必使用table标记,但如果可以实现良好的性能,我更愿意坚持使用table标记。 更新1:我已经包含了一个文件,演示了性能问题here。警告文件非常庞大(25MB),会使您的计算机变慢。默认情况下,表格没有设置为hidden,一旦加载了表格(可能需要一段时间),浏览器性能就相对平稳。
然而,如果您编辑该文件并取消注释第12-15行,然后打开它。您会发现在加载浏览器后,表格的响应速度明显降低。
我希望列的大小是固定的(由用户控制),不会在垂直或水平方向上增长/缩小。因此,特定表格单元格的内容在视觉上将在一行上,并且溢出将在单元格末尾被截断。
在Chrome中对大型表格进行性能分析,主要性能杀手是overflow:hidden。
我尝试将每个单元格的内容放在输入框中,因为这会复制相同的视觉行为,但这会产生类似的性能影响。
人们推荐什么来提高性能?
如果必要,我不必使用table标记,但如果可以实现良好的性能,我更愿意坚持使用table标记。 更新1:我已经包含了一个文件,演示了性能问题here。警告文件非常庞大(25MB),会使您的计算机变慢。默认情况下,表格没有设置为hidden,一旦加载了表格(可能需要一段时间),浏览器性能就相对平稳。
然而,如果您编辑该文件并取消注释第12-15行,然后打开它。您会发现在加载浏览器后,表格的响应速度明显降低。