Question

Do you guys have some tips to make any large table, with 500+ rows, display quicker in Internet Explorer?

This is how I’m doing it right now:

The result of the MySQL query returns 500+ rows, so I use to a while loop with the following to display all the rows:

echo "<tr class='someMainClass' bgcolor='".$someBgColor."'>";
echo    "<td width='10px' style='display: none;' class='someClass'>String</td>";
echo    "<td class='someClassAgain andOtherClass' title='someTitle' >String again</td>";
echo    "<td width='100px' class='ClassAgain' id='>another string</td>";
echo    "<td width='100px' class='ClassAgain' title='title'><input type='text' value='and i input'/></td>";
echo "</tr>";

When the list is done, IE just freezes for a couple of seconds and then the list appears. In addition to this any hover effect on the <tr> works really slowly.

I’m not sure why this slow motion is being caused in IE as all other browsers work perfrectly.

Any help would be greatly appreciated.

Answer 1

Remember that most IE users aren’t aware that their experience is subpar, they are used to it.

The best way might be to implement pagination, either server side, or via javascript.