• 如何去除GridVIew的边框 从分析客户端入手


    如何去除GridVIew的边框 从分析客户端入手

    vs 的一大好处就是就是有很多可以可以直接拖拽的控件,少了我们去敲代码来实现相似的功能,但是同时由于某些操作或多或少的会产生写废码,就是生成一些没用的 代码,甚至有些会影响我们的程序。今天就将一个例子,是用GridView产生废码的清除。这次我们从客户端生成的html分析一下。

    具体的问题是GridView出现边框,当然在不同的浏览器中显示可能不太一样,就是我们想去掉GridView的边框,我们先不去着急修改GridView中的属性,我们先看一看客户端生成的html代码,这是GridView生成的table

    <table cellspacing="0"  rules ="all"  border="0" id="ctl00_ContentPlaceHolder1_GvLatestNews" style="border-style:None;border-collapse:collapse;">

    </table>

    我们重点分析的是rules ="all" 这个属性 这是帮助文档中的内容下面翻译并解释一下

    Sets or retrieves which dividing lines (inner borders) are displayed. //rules是用来设置并检索哪一个分隔线(内边框)的显示

    Syntax //语法

    HTML <TABLE RULES = sRule... >   //html中的语法为左边形式

    Scripting TABLE.rules [ = sRule ]//脚本中的语法为左边形式

    Possible Values//可能的属性值

    sRule 

    String that specifies or receives one of the following values.//sRule为字符型,用来指定或者接受一下几种值

    allBorders are displayed on all rows and columns. //all这个值,表示所有的行与列的边框都会显示

    colsBorders are displayed between all table columns. //cols 表示只显示table中列的边框

    groupsHorizontal borders are displayed between all tHead, tBody, and tFoot objects; //水平方向上的边框显示在所有的thead,tbody和tFoot对象之间

    vertical borders are displayed between all colGroup objects.  //垂直方向上的边框显示在所有的colGroup对象之间

    noneAll interior table borders are removed. //移除全部的table内标签

    rowsHorizontal borders are displayed between all table rows. //水平方向上的边框显示在素有的table列之间

    现在我们可以知道是GridView生成了rules="all" 才使得table出现边框,现在我们明白了道理了,就好办了,我们在vs选择GridView的属性,将其中的GridLines设置为none就可以 了,貌似上面不应该说成成边框,应该是说成线,然后我们可以在了解一下GridLines的属性值是可以和上面讲的那几个之对应的,大家对应一下吧。

    from:http://blog.csdn.net/bossdarcy/article/details/6054746

  • 相关阅读:
    C#面向对象之封装。
    python 数据处理学习pandas之DataFrame
    有用的vscode快捷键大全+自定义快捷键
    angular中控制器之间传递参数的方式
    angular.module 详解
    如何让类数组也使用数组的方法比如:forEach()
    CSS之flex兼容
    JavaScript中捕获/阻止捕获、冒泡/阻止冒泡
    Vue2.0 探索之路——生命周期和钩子函数的一些理解
    React 生命周期
  • 原文地址:https://www.cnblogs.com/EWall/p/2652632.html
Copyright © 2020-2023  润新知