gridview生成时如何去掉style属性中的border-collapse
更新时间：2014年09月30日 15:41:25 投稿：whsnow
默认gridview控件会在生成的html代码中的style属性中加入border-collapse:collapse，如果想把它去掉的话
在vs2005下用到gridview时，默认的情况下gridview控件会在生成的html代码中的style属性中加入border-collapse:collapse;
复制代码 代码如下:
<asp:GridView ID="GridView1" runat="server" BorderWidth="0"></asp:GridView>
绑定数据运行后页面中的代码为：
<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" 可以解决
相关文章
在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，这里简单介绍下，方便需要的朋友2013-12-12
基于RequireJS和JQuery的模块化编程日常问题解析
本文是小编日常收集整理些有关RequireJS和JQuery的模块化编程，感兴趣的朋友一起学习吧2016-04-04
给一个存放数字或字符串的数组去重很简单,那么现在问题升级,如何一个数组a里面存放的元素是若干个数组,那么如何给这个数组a去重？本文给大家介绍了JS中给数组去重的方法小结,需要的朋友可以参考下2024-08-08
javascript 动态改变层的Z-INDEX的代码style.zIndex
javascript 动态改变层的Z-INDEX的代码style.zIndex...2007-08-08
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
这篇文章主要介绍了微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要为大家详细介绍了原生JS实现飞机大战小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
优雅而高效的JavaScript try...catch语句详解(js异常处理)
这篇文章主要给大家介绍了关于JavaScript中try...catch语句的相关资料,也就是js异常处理方法,try...catch是JavaScript中的错误处理机制,它的作用是捕获和处理可能发生的错误,以避免程序崩溃,需要的朋友可以参考下2024-01-01
localStorage主要用来替代cookie，解决cookie(可参考cookie使用要点)读写困难、容量有限的问题，对js localstorage的使用相关知识感兴趣的朋友一起学习吧2016-01-01
scroll-view为滚动视图,分为水平滚动和垂直滚动,这篇文章主要给大家介绍了关于微信小程序scroll-view不能左右滑动问题的解决方法,需要的朋友可以参考下2022-12-12
JS小功能(操作Table--动态添加删除表格及数据)实现代码
这篇文章主要介绍了操作Table--动态添加删除表格及数据实现代码，有需要的朋友可以参考一下2013-11-11
最新评论