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 相关文章推荐
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
jquery交替变换颜色的三种方法 实例代码
Nov 19 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
JavaScript实现英语单词题库
Dec 24 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 移除数组重复元素的一点说明
2008/11/27 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
JavaScript 乱码问题
2009/08/06 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
js实现图片360度旋转
2017/01/22 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
jQuery实现滑动开关效果
2020/08/02 jQuery
Python基于有道实现英汉字典功能
2015/07/25 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
Python是怎样处理json模块的
2020/07/16 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
什么是makefile? 如何编写makefile?
2012/08/08 面试题
实习评语
2013/12/16 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
经理秘书求职自荐信范文
2014/03/23 职场文书
导师推荐信范文
2014/05/09 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis
MYSQL事务的隔离级别与MVCC
2022/05/25 MySQL