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 相关文章推荐
UserData用法总结 lanyu出品
Jul 01 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
angularjs+bootstrap实现自定义分页的实例代码
Jun 19 Javascript
代码整洁之道(重构)
Oct 25 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 Javascript
vue前后分离调起微信支付
Jul 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
如何使用php输出时间格式
2013/08/31 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
2016/12/22 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
python练习程序批量修改文件名
2014/01/16 Python
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
深入理解Python中的*重复运算符
2017/10/28 Python
python+selenium实现自动化百度搜索关键词
2019/06/03 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
什么是网络协议
2016/04/07 面试题
诚信考试承诺书
2014/03/27 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
营业员岗位职责
2015/02/11 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
React更新渲染原理深入分析
2022/12/24 Javascript