Friday, May 30, 2014

Issue Rendering Large Table in Internet Explorer 9 using jquery modal box dialog

Hi,

Recently i had to render large amount of data in an html table in modal dialog box. This worked fine in all browsers except internet explorer 9 specifically. The problem was some rows getting skipped while rendering.

I had a simple table structure in jquery template as below
<pre>
<tr>
<td>
value 1
</td>
<td>
value 2
</td>
<td>
value 3
</td>
</tr>
</pre>
and so on....

I struggled a lot to find the root cause and discussed it on many forums, some said its due to memory related issues in Internet Explorer 9 and some were questioning on the jquery table structure i have used.

However, i managed to resolve this simply by removing extra spaces from td tag. Something like below solved my issue :

<pre><tr><td>value 1</td><td>value 2</td><td>value 3</td></tr></pre>

Let me know if you have any questions.

Cheers,

Ujjwal