gridview生成时如何去掉style属性中的border-collapse


Posted in Javascript onSeptember 30, 2014

在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 相关文章推荐
Array.prototype.slice 使用扩展
Jun 09 Javascript
JQuery 弹出框定位实现方法
Dec 02 Javascript
jQuery模拟超链接点击效果代码
Apr 21 Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 Javascript
js实现表单检测及表单提示的方法
Aug 14 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
详解JavaScript逻辑And运算符
Dec 04 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
js实现自定义滚动条的示例
Oct 27 Javascript
three.js如何实现3D动态文字效果
Mar 03 Javascript
javascript学习笔记(四)function函数部分
Sep 30 #Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 #Javascript
让人蛋疼的JavaScript语法特性
Sep 30 #Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 #Javascript
javascript学习笔记(一)基础知识
Sep 30 #Javascript
js使用循环清空某个div中的input标签值
Sep 29 #Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 #Javascript
You might like
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
javascript对象的使用和属性操作示例详解
2014/03/02 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
对于Python的框架中一些会话程序的管理
2015/04/20 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
python selenium 对浏览器标签页进行关闭和切换的方法
2018/05/21 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
pygame实现俄罗斯方块游戏(基础篇2)
2019/10/29 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
Python实现验证码识别
2020/06/15 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
python中pop()函数的语法与实例
2020/12/01 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
猫途鹰:全球领先的旅游点评社区
2017/04/07 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
英国领先的野生鸟类食品供应商:GardenBird
2018/08/09 全球购物
出国考察邀请函
2014/01/21 职场文书
八项规定整改方案
2014/02/21 职场文书
资金主管岗位职责范本
2014/03/04 职场文书
志愿者活动总结
2014/04/28 职场文书
股权投资协议书
2016/03/23 职场文书