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困惑—包装集 DOM节点
Oct 16 Javascript
JQuery datepicker 使用方法
May 20 Javascript
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
JS仿hao123导航页面图片轮播效果
Sep 01 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
VueJs组件prop验证简单介绍
Sep 12 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
ES6小技巧之代替lodash
Jun 07 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
Aug 19 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标签云的实现代码
2012/10/10 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
2013/09/25 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
2016/11/09 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
2017/10/27 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
nodejs实现截取上传视频中一帧作为预览图片
2017/12/10 NodeJs
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
Python pass 语句使用示例
2014/03/11 Python
深入理解python对json的操作总结
2017/01/05 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
茶叶店创业计划书范文
2014/01/19 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
房屋租赁协议书
2014/04/10 职场文书
环境科学专业求职信
2014/08/04 职场文书
2015元旦晚会主持人开场白+结束语
2014/12/14 职场文书
检讨书怎么写
2015/01/23 职场文书
捐款通知怎么写
2015/04/24 职场文书
实习证明模板
2015/06/16 职场文书
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
MySQL 聚合函数排序
2021/07/16 MySQL