GridView的边线问题

it2026-05-17  20

今天在写程序时,发现我们的项目中有一个关于GridView的样式。

不显示border时,还要判断浏览器。

我试图找到不用判断浏览器的解决办法。

1)

代码 .GridView_Main {        width : 100% ;     border : 0px ; } .GridView_Header {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ;   border : solid 0px transparent ; } .GridView_Row {       background-color :  transparent ;    border : solid 0px transparent ; } .GridView_Alter {     background-color :  aliceblue ;     border : solid 0px transparent ; } .GridView_Footer {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ;   border : solid 0px transparent ; } .GridView_Pager {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ;   border : solid 0px transparent ; }

 <asp:GridView ID="ListGridView" runat="server"

BorderWidth="0">

用以上代码只有竖线没有去除,其他的线都去除了。

2)判断浏览器的方法去除border

代码 .GridView_Main {        width : 100% ;     border : 0px ; } .GridView_Header {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ; } .GridView_Row {       background-color :  transparent ;   } .GridView_Alter {     background-color :  aliceblue ; } .GridView_Footer {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ; } .GridView_Pager {   PADDING-RIGHT :  3px ;   PADDING-LEFT :  3px ;   FONT-WEIGHT :  bold ;   COLOR :  #263D83 ;   FONT-FAMILY :  Verdana, Arial ;   BACKGROUND-COLOR :  #C8C8EE ; } .GridView_Item_Firefox {     border : solid 1px transparent ;   text-align : left ; } .GridView_Item_IE {     border : solid 0px transparent ;   text-align : left ; }

3)  使用GridLines="None"去除border. 这种方法可以去除所有的线。

 <asp:GridView ID="ListGridView" runat="server" GridLines="None">

 

转载于:https://www.cnblogs.com/lfzwenzhu/archive/2010/04/28/1722910.html

相关资源:Android控件GridView之仿支付宝钱包首页带有分割线的GridView九宫格的完美实现
最新回复(0)