gridview生成時如何去掉style屬性中的border-collapse

更新時間：2014年09月30日 15:41:25 投稿：whsnow

默認(rèn)gridview控件會在生成的html代碼中的style屬性中加入border-collapse:collapse，如果想把它去掉的話

在vs2005下用到gridview時，默認(rèn)的情況下gridview控件會在生成的html代碼中的style屬性中加入border-collapse:collapse;

<asp:GridView ID="GridView1" runat="server" BorderWidth="0"></asp:GridView>

綁定數(shù)據(jù)運行后頁面中的代碼為：

<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瀏覽器遇到的問題，邊框合并導(dǎo)致部分邊框線條變粗，GridLines="None" 可以解決

您可能感興趣的文章:

相關(guān)文章

JS+H5 Canvas實現(xiàn)時鐘效果
這篇文章主要為大家詳細(xì)介紹了JS+H5 Canvas實現(xiàn)時鐘效果，利用JavaScript和Canvas實現(xiàn)簡單時鐘效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
JS下拉框內(nèi)容左右移動效果的具體實現(xiàn)
這篇文章介紹了JS下拉框內(nèi)容左右移動效果的具體實現(xiàn)方法，有需要的朋友可以參考一下
2013-07-07
javascript中caller和callee詳解
有些小伙伴可能會問caller,callee 是什么?在javascript 中有什么樣的作用?那么本篇會對于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。
2015-08-08
xWin之JS版(2-26更新)
xWin之JS版(2-26更新)...
2007-01-01
from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下
2014-04-04
js跑馬燈代碼(自寫)
自己剛寫的一個小程序，寫得滿一般的，不過這個接口還成，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)js知識有所幫助
2013-04-04
基于javascript實現(xiàn)圖片懶加載
這篇文章主要介紹了javascript實現(xiàn)圖片懶加載的方法及思路，有時我們需要用懶加載，也就是延遲加載圖片的方式，來提高網(wǎng)站的親和力,需要的朋友可以參考下
2016-01-01
JS中call和apply函數(shù)用法實例分析
這篇文章主要介紹了JS中call和apply函數(shù)用法,結(jié)合實例形式較為詳細(xì)的分析了call和apply函數(shù)繼承功能的使用方法、區(qū)別及操作注意事項,需要的朋友可以參考下
2018-06-06
Bootstrap每天必學(xué)之進(jìn)度條
Bootstrap每天必學(xué)之進(jìn)度條，對Bootstrap進(jìn)度條小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap進(jìn)度條，從中得到收獲。
2015-11-11
webpack優(yōu)化的深入理解
這篇文章主要給大家介紹了關(guān)于webpack優(yōu)化的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12