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开源框架-jQuery使用手册(1)
Mar 10 Javascript
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
解决vue 表格table列求和的问题
Nov 06 Javascript
vue项目如何监听localStorage或sessionStorage的变化
Jan 04 Vue.js
JavaScript this关键字的深入详解
Jan 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去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
PHP导入导出Excel代码
2015/07/07 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
BootStrap selectpicker
2016/06/20 Javascript
js实现上传文件添加和删除文件选择框
2016/10/24 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
js 实现在2d平面上画8的方法
2018/10/10 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
基于Python 的进程管理工具supervisor使用指南
2016/09/18 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Python对List中的元素排序的方法
2018/04/01 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
Vans荷兰官方网站:美国南加州的原创极限运动潮牌
2018/01/23 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
教师个人年终总结
2015/02/11 职场文书
会议承办单位欢迎词
2015/09/30 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
25张裸眼3D图片,带你重温童年的记忆,感受3D的魅力
2022/02/06 杂记
nginx搭建NFS网络文件系统
2022/04/14 Servers