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上传图片及预览功能实例分析
Apr 24 Javascript
javascript操作表格排序实例分析
May 06 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
vue实现户籍管理系统
May 29 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
javascript中的location用法简单介绍
2007/03/07 Javascript
jQuery学习笔记之Helloworld
2010/12/22 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
2018/04/28 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
2019/12/04 Javascript
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
keras中的backend.clip用法
2020/05/22 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
python中time.ctime()实例用法
2021/02/03 Python
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
绘画设计学生的个人自我评价
2013/09/20 职场文书
护理专业毕业生自我鉴定
2013/10/08 职场文书
电气自动化大学生求职信
2013/10/16 职场文书
在职人员函授期间自我评价分享
2013/11/08 职场文书
班级标语大全
2014/06/21 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
2014年就业工作总结
2014/11/26 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
感恩父母主题班会
2015/08/12 职场文书
清明节随笔
2015/08/15 职场文书
感谢师恩主题班会
2015/08/17 职场文书
2019求职信大礼包
2019/05/15 职场文书