如何去除GridVIew的边框 从分析客户端入手

如何去除GridVIew的边框 从分析客户端入手

vs 的一大好处就是就是有很多可以可以直接拖拽的控件,少了我们去敲代码来实现相似的功能,但是同时由于某些操作或多或少的会产生写废码,就是生成一些没用的 代码,甚至有些会影响我们的程序。今天就将一个例子,是用GridView产生废码的清除。这次我们从客户端生成的html分析一下。

具体的问题是GridView出现边框,当然在不同的浏览器中显示可能不太一样,就是我们想去掉GridView的边框,我们先不去着急修改GridView中的属性,我们先看一看客户端生成的html代码,这是GridView生成的table

<table cellspacing="0"  rules ="all"  border="0" id="ctl00_ContentPlaceHolder1_GvLatestNews" style="border-style:None;border-collapse:collapse;">

</table>

我们重点分析的是rules ="all" 这个属性 这是帮助文档中的内容下面翻译并解释一下

Sets or retrieves which dividing lines (inner borders) are displayed. //rules是用来设置并检索哪一个分隔线(内边框)的显示

Syntax //语法

HTML <TABLE RULES = sRule... >   //html中的语法为左边形式

Scripting TABLE.rules [ = sRule ]//脚本中的语法为左边形式

Possible Values//可能的属性值

sRule 

String that specifies or receives one of the following values.//sRule为字符型,用来指定或者接受一下几种值

allBorders are displayed on all rows and columns. //all这个值,表示所有的行与列的边框都会显示

colsBorders are displayed between all table columns. //cols 表示只显示table中列的边框

groupsHorizontal borders are displayed between all tHead, tBody, and tFoot objects; //水平方向上的边框显示在所有的thead,tbody和tFoot对象之间

vertical borders are displayed between all colGroup objects.  //垂直方向上的边框显示在所有的colGroup对象之间

noneAll interior table borders are removed. //移除全部的table内标签

rowsHorizontal borders are displayed between all table rows. //水平方向上的边框显示在素有的table列之间

现在我们可以知道是GridView生成了rules="all" 才使得table出现边框,现在我们明白了道理了,就好办了,我们在vs选择GridView的属性,将其中的GridLines设置为none就可以 了,貌似上面不应该说成成边框,应该是说成线,然后我们可以在了解一下GridLines的属性值是可以和上面讲的那几个之对应的,大家对应一下吧。

from:http://blog.csdn.net/bossdarcy/article/details/6054746

原文地址:https://www.cnblogs.com/EWall/p/2652632.html