zoukankan      html  css  js  c++  java
  • 设置GridView表头的背景图片

    方法一:
    protected void Page_Load(object sender, EventArgs e)
        {
           //UserGrid.Attributes.Add("bordercolor", "#a7b8d9");
            UserGrid.HeaderRow.Attributes.Add("style", "background-image:url('images/bj1.png')");
       }
     
     

    最近在做一个网站,显示数据时为了方便使用了GridView。虽然GridView显示数据的功能很强也很方便,但它的样式却并不美观。为了使GridView的显示样式美观一些,经常需要设置表头的背景,我总结出的方法如下: 方法一: 在GridView的OnRowDataBound事件中设置背景,代码如下:

     

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
    if (e.Row.RowType == DataControlRowType.Header)
    {
    e.Row.Attributes.Add("style", "background-image:url('images/title.gif')");
    }
    }

     

    方法二: 和上面的方法一样,只是代码不一样:

     

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
    if (e.Row.RowType == DataControlRowType.Header)
    {
    e.Row.Style.Add("background-image", "images/title.gif");
    }
    } 

     

    方法三: 使用CSS,设置GridView每一列的HeaderStyle的CssClass习性,代码如下:

     【这种方法,试了,好像无效。但设置背景色是可以的。】

    <style type="text/css">
    .headbackground
    {
    background-image:url(images/title.gif);
    }
    </style> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
    <asp:BoundField DataField="id" HeaderText="编号">
    <HeaderStyle CssClass="headbackground" />
    </asp:BoundField>
    <asp:HyperLinkField DataTextField="title" HeaderText="标题">
    <HeaderStyle CssClass="headbackground" />
    </asp:HyperLinkField>
    </Columns>
    </asp:GridView>
  • 相关阅读:
    Windows下安装ZooKeeper
    解决不同库之间$对象的冲突
    Entity Framework的基本操作
    IIS6与IIS7中的w3wp工作进程
    Asp.Net网站的的编译与发布原理
    MVC中JavaScript和CSS的自动打包与压缩
    EF CodeFirst示例
    EF CodeFirst下的自动迁移
    分布式调度平台XXL-JOB源码分析-时序图
    分布式调度平台XXL-JOB源码分析-执行器端
  • 原文地址:https://www.cnblogs.com/yuan2013/p/gridview.html
Copyright © 2011-2022 走看看