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的超简单上下翻
Apr 20 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
再谈JavaScript线程
Jul 10 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
Webpack的dll功能使用
Jun 28 Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 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懒人函数 自动添加数据
2011/06/28 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
关于document.cookie的使用javascript
2008/04/11 Javascript
Extjs学习笔记之六 面版
2010/01/08 Javascript
(function($){...})(jQuery)的意思
2010/07/22 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
Vue实现web分页组件详解
2017/11/28 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
python开发之list操作实例分析
2016/02/22 Python
Python实现基本线性数据结构
2016/08/22 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Python调用微信公众平台接口操作示例
2017/07/08 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
python+selenium实现QQ邮箱自动发送功能
2019/01/23 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
python文件写入write()的操作
2019/05/14 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
python热力图实现简单方法
2021/01/29 Python
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
《动手做做看》教学反思
2014/04/09 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
初中信息技术教学计划
2015/01/22 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers
python turtle绘图
2022/05/04 Python