css - 仅在 IE9 浏览器中将 ajax 获取的数据馈送到表中的单元格之间显示的空白区域(或空白区域)，

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..|

您会在第 2 行(第 1 列之后)和第 4 行(第 3 列之后)看到空格(由 _ '下划线' 表示)。我不知道，因为 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>

希望这对您有所帮助!