2013-04-26 178 views
1

我有一個ASP.NET自定義CSS樣式,包括一個邊框的GridView。 EmptyItemTemplate有一條消息:「沒有找到結果」,但有一個我想刪除的邊框。我知道這個代碼:刪除EmptyDataTemplate邊框

<EmptyDataRowStyle BorderWidth="0" /> 

但是,這適用於行,而不是表本身 - 所以表格邊框仍然存在。我也嘗試將自定義CSS類應用於EmptyDataRowStyle,但這適用於行,而不是表本身。

那麼如何刪除EmptyDataTemplate上的邊框?

+0

也許這將幫助:GridView的空DataTemplate擺脫那惱人的邊框](http://www.jonathanjungman.com/blog/post/GridView-EmptyDataTemplate-Get-Rid-of-That-Annoying-Border!.aspx) – 2013-04-26 18:30:30

+0

謝謝 - 我已經嘗試過。作者將gridview默認邊框設置爲0,但如果有實際數據,我想保留邊框。 – 2013-04-26 18:35:11

回答

3

我結束了使用jQuery。我已將此添加到GridView控件:

<EmptyDataRowStyle CssClass="EmptyData" /> 

,然後在頁面的底部添加了這個jQuery的:

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

這正是我一直在尋找的。感謝您發佈您的解決方案! – Cruril 2013-12-27 18:20:11

3

只能使用CSS

<EmptyDataRowStyle CssClass="EmptyData" /> 

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