jquery - Internet Explorer 9 无法正确呈现表格单元格

Question

我的网站在 IE8、IE7、FF、Chrome 和 Safari 上一直运行顺畅。现在我在 IE9 上测试它，我遇到了一个奇怪的问题:在某些页面中，某些表格数据呈现不正确。

HTML源码是正确的，每次刷新页面出现问题的行都变了(说实话，问题本身只出现在一些刷新，而不是全部)。

使用IE的F12工具，表结构显示正确，包含M08000007448的TD后面应该没有空TD，但还是这样渲染。

此外，如果我使用 F12 工具，在工具栏中使用“通过单击选择元素”工具，并尝试单击 M08000007448 和 19 之间的空白区域，它会选择 TR，而不是“隐藏的 td”。

我在应用程序的其他一些表中也遇到了这个表呈现问题，有人遇到过这样的事情吗？它只发生在 IE9 :(

我不知道这是否重要，但该页面是用 ASPNET(webforms)制作的，并使用了 Jquery 和其他一些 JS 插件。

我尝试保存页面(带有图像)并使用 IE9 在本地打开它，但问题从未发生。 (当然，我检查了所有的表结构，没问题。标题和所有行都有相同数量的 TD，必要时有正确数量的 colspan)。

Answer 1

我也有完全相同的问题。您可能想阅读此 https://connect.microsoft.com/IE/feedback/details/649949/innerhtml-formatting-issues-on-very-large-tables

如果您的 html 是从 ajax 返回的，您可以使用 javascript 删除 td 之间的空格，然后从响应中将其替换为

response_html = response_html.replace(/td>\s+<td/g,'td><td');
$('#table').html(response_html);