ASP DataList每行数据间出现空白行，排查代码还是数据库问题？

嘿，咱们先排除数据库的嫌疑——如果是数据库的问题，你会看到完整的空数据行，而不是这种夹在有效数据之间的空白间隔。这种情况几乎都是DataList的渲染特性或者你的HTML/CSS写法导致的，给你几个排查方向：

1. 显式指定DataList的布局模式 #

ASP.NET的DataList默认有时候会自动渲染额外的空白元素，尤其是没明确设置RepeatLayout属性的时候。你可以直接在控件上加上这个属性，强制它以表格布局渲染：

<asp:DataList ID="DataList1" runat="server" CssClass="table table-striped1 table-hover" RepeatLayout="Table">

2. 清理HTML模板里的多余空白 #

看你ItemTemplate里的代码，有些标签之间留了不少换行和空格，比如这段：

<td>
    <asp:Label ID="lblPO" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PO")%>'>
    </asp:Label>
</td>

Label的开始和结束标签之间的换行，在浏览器渲染时会被解析成空白字符，积累起来就会变成可见的空白行。建议把模板里的代码改成紧凑写法，比如：

<td><asp:Label ID="lblPO" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "PO")%>'></asp:Label></td>

把所有ItemTemplate里的标签都调整成这种无多余空白的格式，能有效避免这类问题。

3. 检查自定义CSS的影响 #

你用了table-striped1和table-hover这些自定义CSS类，说不定是这些样式里的margin、padding或者伪元素（比如:after）导致了视觉上的空白行。可以打开浏览器的开发者工具，选中空白行对应的元素，看看是不是CSS样式在搞鬼：

• 检查tr元素有没有多余的上下边距
• 看看有没有伪元素生成了额外的空白内容
  如果找到问题样式，调整对应的CSS即可。

4. 排查是否存在SeparatorTemplate #

如果你的DataList不小心添加了SeparatorTemplate（哪怕是空的），控件也会在每个Item之间渲染这个模板的内容，也就是空白行。检查一下你的DataList代码，如果有这个模板且不需要的话，直接删除它就行。

先从前两个方法开始试，这是最常见的解决思路，应该能快速搞定你的问题~

内容的提问来源于stack exchange，提问作者tearisha