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给元素添加/删除节点比如select
Apr 02 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
Nov 24 Javascript
jquery实现网页定位导航
Aug 23 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
node中的密码安全(加密)
Sep 17 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
vue.js实现图书管理功能
Sep 24 Javascript
JavaScript实现PC端横向轮播图
Feb 07 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
Cappuccino 卡布其诺咖啡之制作
2021/03/03 冲泡冲煮
mysql 性能的检查和优化方法
2009/06/21 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
详解vue项目接入微信JSSDK的坑
2018/12/14 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
微信小程序实现倒计时功能
2020/11/19 Javascript
wxpython 学习笔记 第一天
2009/02/09 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
舞蹈教师自荐信
2014/01/27 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
政府四风问题整改措施
2014/10/04 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
护理实习生带教计划
2015/01/16 职场文书
2015员工年度考核评语
2015/03/25 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python
python中os.path.join()函数实例用法
2021/05/26 Python