ASP.NET控件使用——Gridview设置表头的背景图片

本文转载出处：http://blog.youkuaiyun.com/hfzsjz/archive/2009/06/21/4286440.aspx

 

最近在做一个网站，显示数据时为了方便使用了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')"); //或者 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>