I have a simple HTML table (10 columns x 500 rows). When the page loads, I start to scroll down, and the browser freezes, and I do not let it scroll for 3-5 seconds. This usually happens around line 75-100. Sometimes I have to scroll to the end and start scrolling up. In any case, I rarely encounter this behavior.
I tried this in IE, Safari and Firefox 2, all have no problems. I know that this is not due to server-side processing, but to network latency or the client side of the script. I tried setting the CSS layout CSS to “fixed” with no visible result. The contents of the table cells are plain text, images, etc.
I can only assume that this is a performance issue introduced in Firefox 3.x. Does anyone know of a fix (and no, downgrading to Firefox 2 or using pagination, etc. Not an option)?
Here is the HTML that I have (mine uses JSP to build the table).
<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>
source
share