gridview生成時(shí)如何去掉style屬性中的border-collapse
更新時(shí)間：2014年09月30日 15:41:25 投稿：whsnow
默認(rèn)gridview控件會(huì)在生成的html代碼中的style屬性中加入border-collapse:collapse，如果想把它去掉的話
在vs2005下用到gridview時(shí)，默認(rèn)的情況下gridview控件會(huì)在生成的html代碼中的style屬性中加入border-collapse:collapse;
復(fù)制代碼 代碼如下:
<asp:GridView ID="GridView1" runat="server" BorderWidth="0"></asp:GridView>
綁定數(shù)據(jù)運(yùn)行后頁(yè)面中的代碼為：
<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控件就自動(dòng)給加上了：border-collapse:collapse;
要想去掉這個(gè)自動(dòng)加入的代碼只要將 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>
補(bǔ)充一點(diǎn)：
GridLines="None" 不顯示單元格邊框
CellSpacing="-1" 去掉GridView style中的border-collapse:collapse;樣式
備注：在firefox瀏覽器遇到的問(wèn)題，邊框合并導(dǎo)致部分邊框線條變粗，GridLines="None" 可以解決
相關(guān)文章
JS+H5 Canvas實(shí)現(xiàn)時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JS+H5 Canvas實(shí)現(xiàn)時(shí)鐘效果，利用JavaScript和Canvas實(shí)現(xiàn)簡(jiǎn)單時(shí)鐘效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
JS下拉框內(nèi)容左右移動(dòng)效果的具體實(shí)現(xiàn)
這篇文章介紹了JS下拉框內(nèi)容左右移動(dòng)效果的具體實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-07-07
有些小伙伴可能會(huì)問(wèn)caller,callee 是什么?在javascript 中有什么樣的作用?那么本篇會(huì)對(duì)于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。2015-08-08
xWin之JS版(2-26更新)...2007-01-01
from表單多個(gè)按鈕提交用onclick跳轉(zhuǎn)不同action
這篇文章主要介紹了from表單多個(gè)按鈕提交用onclick跳轉(zhuǎn)不同action,需要的朋友可以參考下2014-04-04
自己剛寫(xiě)的一個(gè)小程序，寫(xiě)得滿一般的，不過(guò)這個(gè)接口還成，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)js知識(shí)有所幫助2013-04-04
基于javascript實(shí)現(xiàn)圖片懶加載
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片懶加載的方法及思路，有時(shí)我們需要用懶加載，也就是延遲加載圖片的方式，來(lái)提高網(wǎng)站的親和力,需要的朋友可以參考下2016-01-01
JS中call和apply函數(shù)用法實(shí)例分析
這篇文章主要介紹了JS中call和apply函數(shù)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了call和apply函數(shù)繼承功能的使用方法、區(qū)別及操作注意事項(xiàng),需要的朋友可以參考下2018-06-06
Bootstrap每天必學(xué)之進(jìn)度條，對(duì)Bootstrap進(jìn)度條小編也了解的很少，希望通過(guò)這篇文章和大家更多的去學(xué)習(xí)Bootstrap進(jìn)度條，從中得到收獲。2015-11-11
這篇文章主要給大家介紹了關(guān)于webpack優(yōu)化的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12