asp.net - 移除 EmptyDataTemplate 边框

Question

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

<EmptyDataRowStyle BorderWidth="0" />

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

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

score 3 · Accepted Answer

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

<EmptyDataRowStyle CssClass="EmptyData" />

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

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

score 3 · Accepted Answer

仅使用 CSS

<EmptyDataRowStyle CssClass="EmptyData" />

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

score 0 · Accepted Answer

我最终通过添加来解决它GridLines="None"：

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

CSS：

.noborder { border: none }

3 回答 3