首页 web前端 js教程 gridview生成时如何去掉style属性中的border-collapse_javascript技巧

gridview生成时如何去掉style属性中的border-collapse_javascript技巧

May 16, 2016 pm 04:34 PM
border-collapse style

在vs2005下用到gridview时,默认的情况下gridview控件会在生成的html代码中的style属性中加入border-collapse:collapse;

复制代码 代码如下:



绑定数据运行后页面中的代码为:
<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" 可以解决

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

element.style怎么修改 element.style怎么修改 Nov 24, 2023 am 11:15 AM

element.style修改元素的方法:1、修改元素的背景颜色;2、修改元素的字体大小;3、修改元素的边框样式;4、修改元素的字体样式;5、修改元素的水平对齐方式。详细介绍:1、修改元素的背景颜色,其语法为“document.getElementById("myElement").style.backgroundColor = "red";”;2、修改元素的字体大小等等。

react 怎么动态修改style react 怎么动态修改style Dec 28, 2022 am 10:44 AM

react动态修改style的方法:1、在需要修改样式的元素上添加ref,其语法如“”;2、通过动态控制状态的变化修改元素的样式;3、通过在DOM中使用JS代码实现不同DOM的展示与隐藏转换。

Vue3 style中新增的特性有哪些及怎么用 Vue3 style中新增的特性有哪些及怎么用 May 14, 2023 pm 10:52 PM

style新特性Vue3.2版本对单文件组件的style样式进行了很多升级,如局部样式、css变量以及样式暴露给模板使用等。(学习视频分享:vue视频教程)一、局部样式当标签带有scopedattribute的时候,它的CSS只会应用到当前组件的元素上:hi.example{color:red;}二、深度选择器处于scoped样式中的选择器如果想要做更“深度”的选择,也即:影响到子组件,可以使用:deep()这个伪类:.a:deep(.b){/*...*/}通过v-html创建的DOM内容不会被

Vue报错:无法正确使用v-bind绑定class和style,怎样解决? Vue报错:无法正确使用v-bind绑定class和style,怎样解决? Aug 26, 2023 pm 10:58 PM

Vue报错:无法正确使用v-bind绑定class和style,怎样解决?在Vue开发中,我们经常会用到v-bind指令来动态绑定class和style,但是有时候我们可能会遇到一些问题,如无法正确使用v-bind绑定class和style。在本篇文章中,我将为你解释这个问题的原因,并提供解决方案。首先,让我们先了解一下v-bind指令。v-bind用于将V

使用:checked伪类选择器改变选中复选框或单选按钮的样式 使用:checked伪类选择器改变选中复选框或单选按钮的样式 Nov 20, 2023 am 11:48 AM

因为文章长度有限,所以只有简短的代码示例。下面是一个例子:假设我们有以下HTML结构:&lt;!DOCTYPEhtml&gt;&lt;htmllang="en"&gt;&lt;head&gt;&lt;metacharset="UTF-8"&gt;&lt;metaname="viewpo

CSS 表格边框属性探索:border-collapse 和 border-spacing CSS 表格边框属性探索:border-collapse 和 border-spacing Oct 25, 2023 am 11:58 AM

CSS表格边框属性探索:border-collapse和border-spacing在web开发中,表格是一个常见的元素,用于展示和组织数据。为了使表格更具有可读性和美观度,我们可以使用CSS来调整表格的样式。在调整表格样式时,border-collapse和border-spacing是两个非常常用的属性。border-collapse:边框合并bo

CSS 表格属性指南:table-layout,border-collapse 和 caption-side CSS 表格属性指南:table-layout,border-collapse 和 caption-side Oct 20, 2023 pm 05:42 PM

CSS表格属性指南:table-layout,border-collapse和caption-side表格是在网页设计中常用的布局工具之一,可以用于展示数据以及整理内容。然而,在设计和使用表格时,合适的CSS属性的选择可以确保表格的外观和功能与您的需求相匹配。本文将介绍三个常用的CSS表格属性:table-layout,border-colla

Vue中如何使用class与style绑定数组实现多重绑定 Vue中如何使用class与style绑定数组实现多重绑定 Jun 11, 2023 pm 01:29 PM

Vue是一种流行的JavaScript框架,经常用于构建交互式Web应用程序。在Vue中,class和style绑定是两个常见的概念,用于设置页面元素的样式。类似于CSS,它们可以通过选择器来修改单个或多个元素的外观。但是,在Vue中,class和style绑定允许您将数组用作值,从而实现多重绑定。本文将探讨如何在Vue中使用class和style绑定数组实

See all articles