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

本文转载出处：http://blog.csdn.net/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>