ajax 提取的数据仅在 IE9 浏览器中的表格中显示，单元格之间显示空白（或空白），

Question

正如标题所示，我有一个从数据库加载的表。首先仅获取 15 行。后来有办法让它显示 15 、 50 和 100 条记录来使用下拉列表显示。这是通过ajax获取的。如果我使获取记录计数超过 59 或以上，则会在随机行的单元格之间创建空白空间。仅在 IE9 浏览器中发生。 IE浏览器版本< 9 都不错，FireFox、Chrome、Safari 也不错。这是我的第一个问题，所以我不允许发布图像，所以我将在下面放置一些数字形式。

|..1..||..2..||...3...||....4....||.5.||..6..||..7 ..|

我们假设上面是一行，条形充当左右边框。我在 IE9 ajax 获取的数据中得到的内容类似于下面的

|..1..||..2..||...3...||....4....||.5。 ||..6..||..7..|

|..1..|_ _ _|..2..||...3...||....4....||.5.||..6..|| ..7..|

|..1..||..2..||...3...||....4....||.5.||..6..||..7 ..|

|..1..||..2..||...3...|_ _ _ _|....4....||.5.||..6..| |..7..|

|..1..||..2..||...3...||....4....||.5.||..6..||..7 ..|

您会在第二行（第一列之后）和第四行（第三列之后）看到空格（由_'下划线'表示）。我没有任何想法，因为 IE 开发人员/调试器工具栏没有多大帮助。效果不是随机的，因为我在刷新时或清除缓存后在单元格之间得到相同的空白空间。可能是因为ajax获取的数据与IE9渲染有关？有没有人遇到过这样的问题或类似的问题。任何帮助将不胜感激。

Answer 1

dhiraj - MS 似乎没有关于这个 IE9 错误的任何官方声明，但我不止一次经历过它。它似乎与源代码中表格行和单元格之间的空白有关，并且仅发生在 ajax 回发后在 UpdatePanels 中呈现的表格上。我找到了解决该问题的（丑陋的）方法。

如果您使用 ListView 控件，您将能够删除表结构中的空格。不幸的是，它使您的源代码更加难以阅读，但它似乎确实解决了问题。因此，例如，如果您的原始代码如下所示：

<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
    <table>
        <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
    </table>
</LayoutTemplate>
<ItemTemplate>
    <tr>
        <td><%# Eval("field1") %></td>
        <td><%# Eval("field2") %></td>
        <td><%# Eval("field3") %></td>
        <td><%# Eval("field4") %></td>
    </tr>
</ItemTemplate>

您的“固定”代码需要如下所示：

<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
    <table><asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder></table>
</LayoutTemplate>
<ItemTemplate>
    <tr><td><%# Eval("field1") %></td><td><%# Eval("field2") %></td><td><%# Eval("field3") %></td><td><%# Eval("field4") %></td></tr>
</ItemTemplate>

希望这有帮助！

Answer 2

我想补充一点，我也遇到了完全相同的问题。

通过 AJAX 加载表格会导致 TD 元素之间出现随机间隙。

呈现此表的代码是：

echo("  <tr>")
echo("      <td>Column1</td>")
echo("      <td>Column2</td>")
echo("      <td>Column3</td>")
echo("      <td>Column4</td>")
echo("      <td>Column5</td>")
echo("  </tr>")

echo() 是response.write 的简单包装器。

正如此处评论中所建议的，我只是删除了响应中的空白，如下所示：

echo("<tr>")
echo("<td>Column1</td>")
echo("<td>Column2</td>")
echo("<td>Column3</td>")
echo("<td>Column4</td>")
echo("<td>Column5</td>")
echo("</tr>")

这立即解决了问题，丑陋的标记，但表格现在呈现一致。 Deffo IE9 中的一个错误

Answer 3

尝试将标签的内容放在标签

中

Answer 4

我也有同样的问题。回发后更新面板中 IE9 中单元格之间的随机间隔。

就像其他人建议的那样，删除表格单元格元素之间的空格。它有点难看，但似乎确实有效！

从这个...

<tr class="rpt-row-alt">
   <td>
      <%--Cell Contents --%>
   </td>
   <td>
      <%--Cell Contents --%>
   </td>
   <td>
      <%--Cell Contents --%>
   </td>
   <td>
      <%--Cell Contents --%>
   </td>
   <td>
      <%--Cell Contents --%>
   </td>
   <td>
      <%--Cell Contents --%>
   </td>
</tr>

到这个...

<tr class="rpt-row-alt">
   <td>
      <%--Cell Contents --%>
   </td><td>
      <%--Cell Contents --%>
   </td><td>
      <%--Cell Contents --%>
   </td><td>
      <%--Cell Contents --%>
   </td><td>
      <%--Cell Contents --%>
   </td><td>
      <%--Cell Contents --%>
   </td>
</tr>

为我解决了问题！它似乎只是表数据元素之间的间距，因此您不必将整个表行放在一行标记上。