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 相关文章推荐
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
JS 进度条效果实现代码整理
May 21 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
javascript模拟订火车票和退票示例
Apr 24 Javascript
JavaScript File API实现文件上传预览
Feb 02 Javascript
DOM事件探秘篇
Feb 15 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
浅谈VUE单页应用首屏加载速度优化方案
Aug 28 Javascript
es6数据变更同步到视图层的方法
Mar 04 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 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
PHP实现的功能是显示8条基色色带
2006/10/09 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
php微信开发之自定义菜单完整流程
2016/10/08 PHP
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
AngularJS入门之动画
2016/07/27 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
Python3中使用PyMongo的方法详解
2017/07/28 Python
Anaconda入门使用总结
2018/04/05 Python
浅谈pycharm下找不到sqlalchemy的问题
2018/12/03 Python
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
西安当代医院管理研究院笔试题
2015/12/11 面试题
Unix/Linux开发面试题
2016/08/16 面试题
保研推荐信
2014/05/09 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
监察局领导班子四风问题整改措施思想汇报
2014/10/05 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
个人借条范本
2015/05/25 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
详解Java ES多节点任务的高效分发与收集实现
2021/06/30 Java/Android
Python torch.flatten()函数案例详解
2021/08/30 Python
详解Python flask的前后端交互
2022/03/31 Python