Working on a webpage that monitors a telephony system.
I have a div which can be toggled to show and hide using jQuery. This div contains a table that shows call statuses, it shows about 20 at a time and can be scrolled (overflow:auto;).
Even with a small table IE scrolling seems to be a little jerky once the div is visible, even the main page scrolling is affected.
If I have say 1000 rows in the table it locks up IE to the point I have to force kill it. I don't have this problem with Firefox. However a coworker with an older version of Firefox has had to reboot his computer when opening this page on occasion.
Is there a more efficient or compliant way to do this?
JS snippet that builds the table:
html="<table id='chanTable' class='channeltable'>"
for (chan=0; chan < sessions; chan++)
if (chan%2 != 0) rowClass="alt";
html += "<tr id='VRU_"+padVru(chan)+"' class="+rowClass+"> \
<th>"+padVru(chan)+" </th> \
<td style='width:auto;'></td> \
var rowClass = "";
<div class="channelsectiondiv" id="sessions" style="position: relative;">
<table class="channelsectiontable" id="channelTable">
</div> <!-- Channel div -->
[edited by: tedster at 5:09 pm (utc) on Feb 8, 2011]
[edit reason] Disable graphic smile faces [/edit]