我有一个简单的 HTML 表格(10 列 x 500 行)。当页面加载时,我开始向下滚动并且浏览器挂起,并且不允许我滚动 3-5 秒。这通常发生在第 75-100 行左右。有时我必须一直滚动到底部,然后开始向上滚动到顶部。无论哪种方式,我都很少遇到这种行为。
我在 IE、Safari 和 Firefox 2 中都试过这个,完全没有问题。我知道这不是由于服务器端处理、网络延迟或客户端脚本造成的。我尝试将 CSS 表格布局设置为“固定”,但没有明显的结果。表格单元格的内容是纯文本,没有图像等。
我相信这是 Firefox 3.x 中引入的性能问题。有谁知道修复(不,降级到 Firefox 2,或使用分页等不是一种选择)?
这是我拥有的 HTML(我的使用 JSP 构建表格)。
<html>
<head>
<title>Firefox 3.x Table Rendering Performance Issue</title>
</head>
<body>
<table style="table-layout:fixed;">
<tbody>
<% for (int r=0; r<500; r++) { %>
<tr><% for (int c=0; c<10; c++) { %><td><%=r%>-<%=c%></td><% } %></tr>
<% } %>
</tbody>
</table>
</body>
</html>