删除 Gridview EmptyDataTemplate 的边框，但保留子网格视图的边框答案

【问题标题】：Remove border for a Gridview EmptyDataTemplate but maintain the borders of a sub-gridview删除 Gridview EmptyDataTemplate 的边框，但保留子网格视图的边框
【发布时间】：2013-04-27 03:10:01
【问题描述】：

我有一个名为 gvDomSoilType 的 GridView。当为空时，它的 EmptyDataTemplate 将显示一个带有空行或插入的表。默认情况下，此表被边框包围。如果我将 gvDomSoilType 的 BorderWidth 设置为 0px，这个边框就会消失。但是，如果 GridView 有数据，它的外边框也会丢失。

我试过弄乱 EmptyDataRowStyle 但没有删除边框。唯一的方法是将GridView的BorderWidth设置为0。

如何仅在 EmptyDataTemplate 显示时删除边框，但在 GridView 有数据时保留它们？

Screenshot

【问题讨论】：

标签： gridview border

【解决方案1】：

我遇到了同样的问题。我将此添加到 GridView HTML：

<EmptyDataRowStyle CssClass="EmptyData" />

然后把这个jQuery放在页面底部（一定要包含jQuery）：

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

这只会删除 EmptyDataTemplate 的边框。

【讨论】：