脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → style属性中的border-collapse

gridview生成时如何去掉style属性中的border-collapse

 更新时间：2014年09月30日 15:41:25   投稿：whsnow  
默认gridview控件会在生成的html代码中的style属性中加入border-collapse:collapse，如果想把它去掉的话

在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" 可以解决

您可能感兴趣的文章:

相关文章

  • JS+H5 Canvas实现时钟效果

    JS+H5 Canvas实现时钟效果

    这篇文章主要为大家详细介绍了JS+H5 Canvas实现时钟效果，利用JavaScript和Canvas实现简单时钟效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-07-07
  • JS下拉框内容左右移动效果的具体实现

    JS下拉框内容左右移动效果的具体实现

    这篇文章介绍了JS下拉框内容左右移动效果的具体实现方法，有需要的朋友可以参考一下
    2013-07-07
  • javascript中caller和callee详解

    javascript中caller和callee详解

    有些小伙伴可能会问caller,callee 是什么?在javascript 中有什么样的作用?那么本篇会对于此做一些基本介绍。希望能够对大家理解javascript中的callee与caller有所帮助。
    2015-08-08
  • xWin之JS版(2-26更新)

    xWin之JS版(2-26更新)

    xWin之JS版(2-26更新)...
    2007-01-01
  • from表单多个按钮提交用onclick跳转不同action

    from表单多个按钮提交用onclick跳转不同action

    这篇文章主要介绍了from表单多个按钮提交用onclick跳转不同action,需要的朋友可以参考下
    2014-04-04
  • js跑马灯代码(自写)

    js跑马灯代码(自写)

    自己刚写的一个小程序，写得满一般的，不过这个接口还成，感兴趣的朋友可以参考下哈，希望对你学习js知识有所帮助
    2013-04-04
  • 基于javascript实现图片懒加载

    基于javascript实现图片懒加载

    这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下
    2016-01-01
  • JS中call和apply函数用法实例分析

    JS中call和apply函数用法实例分析

    这篇文章主要介绍了JS中call和apply函数用法,结合实例形式较为详细的分析了call和apply函数继承功能的使用方法、区别及操作注意事项,需要的朋友可以参考下
    2018-06-06
  • Bootstrap每天必学之进度条

    Bootstrap每天必学之进度条

    Bootstrap每天必学之进度条，对Bootstrap进度条小编也了解的很少，希望通过这篇文章和大家更多的去学习Bootstrap进度条，从中得到收获。
    2015-11-11
  • webpack优化的深入理解

    webpack优化的深入理解

    这篇文章主要给大家介绍了关于webpack优化的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12

最新评论