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

    设置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>
  • 相关阅读:
    Idea默认的全局设置,如Maven等
    mybatis中Parameter index out of range (1 > number of parameters, which is 0).
    SpringBoot入门-2(两种热部署方式)
    Java中关于static语句块的理解
    HashMap源码剖析
    keytool用法总结
    Tomcat配置https
    git的安装及其使用
    java中Arrays类的应用
    三次握手四次挥手
  • 原文地址:https://www.cnblogs.com/proving/p/9979379.html
Copyright © 2011-2022 走看看