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 相关文章推荐
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
详解ES6中的let命令
Apr 05 Javascript
基于bootstrap实现多个下拉框同时搜索功能
Jul 19 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
一些你可能不熟悉的JS知识点总结
Mar 15 Javascript
JS为什么说async/await是generator的语法糖详解
Jul 11 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
原生JavaScript创建不可变对象的方法简单示例
May 07 Javascript
微信小程序自定义联系人弹窗
May 26 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
JpGraph php柱状图使用介绍
2011/08/23 PHP
深入array multisort排序原理的详解
2013/06/18 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
javascript 全等号运算符使用说明
2010/05/31 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
jquery等待效果示例
2014/05/01 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
2019/10/16 jQuery
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
jquery实现拖拽添加元素功能
2020/12/01 jQuery
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
python使用7z解压apk包的方法
2015/04/18 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
python日志logging模块使用方法分析
2019/05/23 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
pycharm快捷键汇总
2020/02/14 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
环境工程求职简历的自我评价范文
2013/10/24 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
保密工作责任书
2014/04/16 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
卖车协议书范文
2016/03/23 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
Elasticsearch 聚合查询和排序
2022/04/19 Python