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获取当前网址、主机地址项目根路径
Nov 19 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
有关Promises异步问题详解
Nov 13 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
May 27 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 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抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
Yii控制器中操作视图js的方法
2016/07/04 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
js option删除代码集合
2008/11/12 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
利用JS轻松实现获取表单数据
2016/12/06 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
python写入中英文字符串到文件的方法
2015/05/06 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
什么是Assembly(程序集)
2014/09/14 面试题
医学专业毕业生个人的求职信
2013/12/04 职场文书
中班幼儿评语大全
2014/04/30 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
redis实现排行榜功能
2021/05/24 Redis
pandas进行数据输入和输出的方法详解
2022/03/23 Python