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 remove方法应用详解
Nov 22 Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
JS的参数传递示例介绍
Feb 08 Javascript
jQuery实现当前页面标签高亮显示的方法
Mar 10 Javascript
JS实现的仿QQ空间图片弹出效果代码
Feb 23 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
javascript实现动态时钟的启动和停止
Jul 29 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
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
利用php生成验证码
2017/02/23 PHP
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
JQuery学习总结【二】
2016/12/01 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
微信小程序配置服务器提示验证token失败的解决方法
2019/04/03 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
[02:27]《DAC最前线》之附加赛征程
2015/01/29 DOTA
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
用python删除java文件头上版权信息的方法
2014/07/31 Python
web.py 十分钟创建简易博客实现代码
2016/04/22 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Python3解释器知识点总结
2019/02/19 Python
python标准库os库的函数介绍
2020/02/12 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
酒店人事专员岗位职责
2013/12/19 职场文书
工程承诺书怎么写
2014/05/24 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
鸦片战争观后感
2015/06/09 职场文书
导游词之天津盘山
2019/11/01 职场文书
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技