GridView的边线问题

最新推荐文章于 2021-05-31 09:37:01 发布

转载最新推荐文章于 2021-05-31 09:37:01 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lfzwenzhu/archive/2010/04/28/1722910.html

本文介绍三种去除GridView边框的方法：1）使用透明边框；2）通过浏览器判断设置不同边框；3）设置GridLines属性为None。这些方法有助于实现跨浏览器兼容性和美观的表格布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在写程序时，发现我们的项目中有一个关于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