如何去除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