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 多级下拉菜单核心代码
May 21 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
AngularJs Injecting Services Into Controllers详解
Sep 02 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
JavaScript 异步调用
Oct 25 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 Javascript
vue引入Excel表格插件的方法
Apr 28 Vue.js
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基础教程
2015/08/26 PHP
php+mysql实现无限级分类
2015/11/11 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
JS继承--原型链继承和类式继承
2013/04/08 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
js实现复选框的全选和取消全选效果
2017/01/03 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
浅析Python中的多重继承
2015/04/28 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
python写程序统计词频的方法
2019/07/29 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
几个人围成一圈的问题
2013/09/26 面试题
Python如何定义一个函数
2015/09/01 面试题
怎样填写就业意向
2014/04/02 职场文书
大气污染防治方案
2014/05/19 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
2015小学师德工作总结
2015/07/21 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android
redis缓存存储Session原理机制
2021/11/20 Redis
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫
redis复制有可能碰到的问题汇总
2022/04/03 Redis
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js