gridview生成時如何去除style屬性中的border-collapse_javascript技巧

在vs2005下使用到gridview時，預設的情況下gridview控制項會在產生的html程式碼中的style屬性中加入border-collapse:collapse;

複製程式碼 程式碼如下:

綁定資料運行後頁面中的程式碼為：

<table cellspacing="0" rules="all" border="0" id="GridView1" style="border-width:0px;border-collapse:collapse;">
<tr>
<th scope="col">id</th><th scope="col">name</th>
</tr><tr>
<td>1</td><td>1</td>
</tr><tr>
<td>2</td><td>2</td>
</tr>
</table>

gridview控制項自動加上了：border-collapse:collapse;

要想要取下這個自動加入的程式碼只要將 CellSpacing="-1"就可以了，加上後html的程式碼為

<table rules="all" border="0" id="GridView1" style="border-width:0px;">
<tr>
<th scope="col">id</th><th scope="col">name</th>
</tr><tr>
<td>1</td><td>1</td>
</tr><tr>
<td>2</td><td>2</td>
</tr>
</table>

補充一點：

GridLines="None" 不顯示儲存格邊框
CellSpacing="-1" 去掉GridView style中的border-collapse:collapse;樣式

備註：在firefox瀏覽器遇到的問題，邊框合併導致部分邊框線條變粗，GridLines="None" 可以解決