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 获取网页参数系统
Jul 19 Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
用js动态添加html元素,以及属性的简单实例
Jul 19 Javascript
jquery dataTable 获取某行数据
May 05 jQuery
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
echarts设置图例颜色和地图底色的方法实例
Aug 01 Javascript
微信小程序实现两个页面传值的方法分析
Dec 11 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 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+mysql实现无限分类实例详解
2015/01/15 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
JavaScript 数组运用实现代码
2010/04/13 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
js实现界面向原生界面发消息并跳转功能
2016/11/22 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
jQuery实现的简单获取索引功能示例
2018/06/04 jQuery
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
python实现超简单端口转发的方法
2015/03/13 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python-itchat 统计微信群、好友数量,及原始消息数据的实例
2019/02/21 Python
Python为何不能用可变对象作为默认参数的值
2019/07/01 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
详解python itertools功能
2020/02/07 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
区域总监的岗位职责
2013/11/21 职场文书
优秀员工推荐信
2014/05/10 职场文书
求职信内容怎么写
2014/05/26 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
党校党性分析材料
2014/12/19 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
vue基于Teleport实现Modal组件
2021/05/31 Vue.js