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编程起步(第五课)
Feb 27 Javascript
javascript基本语法分析说明
Jun 15 Javascript
使用JavaScript+canvas实现图片裁剪
Jan 30 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
Bootstrap图片轮播组件使用实例解析
Jun 30 Javascript
字太多用...代替的方法(两种)
Mar 15 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
JS模拟实现京东快递单号查询
Nov 30 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
js实现蒙版效果
2020/01/11 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
js动态生成表格(节点操作)
2021/01/12 Javascript
python过滤字符串中不属于指定集合中字符的类实例
2015/06/30 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
python实现简单聊天应用 python群聊和点对点均实现
2017/09/14 Python
查看python安装路径及pip安装的包列表及路径
2019/04/03 Python
Python中使用threading.Event协调线程的运行详解
2020/05/02 Python
自荐信格式技巧有哪些呢
2013/11/19 职场文书
应届毕业生求职信
2013/11/30 职场文书
房地产销售员的自我评价分享
2013/12/04 职场文书
会计找工作求职信范文
2013/12/09 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
教师节感想
2015/08/11 职场文书
利用python做表格数据处理
2021/04/13 Python
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python