移除 EmptyDataTemplate 边框答案

【问题标题】：Remove EmptyDataTemplate border移除 EmptyDataTemplate 边框
【发布时间】：2018-12-04 04:53:19
【问题描述】：

我在 ASP.NET 中有一个带有自定义 CSS 样式的 GridView，包括一个边框。 EmptyItemTemplate 有一条消息：“未找到结果”，但有一个我想删除的边框。我知道这段代码：

<EmptyDataRowStyle BorderWidth="0" />

但是，这适用于行，而不是表格本身 - 所以表格边框仍然存在。我还尝试将自定义 CSS 类应用于 EmptyDataRowStyle，但这适用于行，而不是表本身。

那么如何去除 EmptyDataTemplate 上的边框？

【问题讨论】：

【解决方案1】：

我最终使用了 jQuery。我将此添加到 GridView：

<EmptyDataRowStyle CssClass="EmptyData" />

然后在页面底部添加了这个jQuery：

$(".EmptyData").parents("table").css("border-width", "0px").prop("border", "0");

【讨论】：

【解决方案2】：

仅使用 CSS

<EmptyDataRowStyle CssClass="EmptyData" />

.EmptyData td {
    border-width: 0px !important;
}

【讨论】：

【解决方案3】：

我最终通过添加GridLines="None" 解决了这个问题：

<asp:DetailsView runat="server" ID="dv" CssClass="noborder" GridLines="None">

CSS：

.noborder { border: none }

【讨论】：