IE9 adding empty table cells in large table

Well as usual, we are once again fighting the woes of the beloved Internet Explorer, and it appears that Microsoft’s latest greatest new and improved browser rival to the market IE9 still has a whole bunch of irritations and retardation to worry about (saw that one coming).

Today I was busy loading a massive amount of data into the body of a table using ajax and in Firefox and even Internet Explorer 8 it worked quite well, but Internet Explorer 9 decided that it would like to add some empty table cells randomly around my “massive table”, now of course I began by kicking something and cried a few times….. but then I thought about whitespacing and the usual problems I had found with it before while using “the best browser ever known to human-kind”(…not) and I thought of removing the whitespaces between the’s and’s.

Sample code while crying and trying to get rid of the ironious cells:

<table>
<tbody>
<tr>
<td>Some text here 1</td>
<td>Some text here 2</td>
<td>Some text here 3</td>
<td>Some text here 4</td>
</tr>
</tbody>
</table>

The really dumb thing that fixed IE9’s problems:

<table>
<tbody>
<tr>
<td>Some text here 1</td>
<td>Some text here 2</td>
<td>Some text here 3</td>
<td>Some text here 4</td>
</tr>
</tbody>
</table>

And voila! Remove the whitespaces yourself and IE9 won’t get confused!