删除EmptyDataTemplate边框

Question

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

<EmptyDataRowStyle BorderWidth="0" />

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

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

Answer 1

我最终使用了jQuery。我把它添加到GridView：

<EmptyDataRowStyle CssClass="EmptyData" />

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

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

Answer 2

仅使用CSS

<EmptyDataRowStyle CssClass="EmptyData" />

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

Answer 3

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

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

CSS：

.noborder { border: none }