设置GridView表头的背景图片

摘要:
虽然GridView功能强大,显示数据方便,但它的样式并不漂亮。为了使GridView的显示样式更美观,通常需要设置页眉的背景。我总结的方法如下:方法1:在GridView的OnRowDataBound事件中设置背景。代码如下:protectedvoidGridView1_RowDataBound{if{e.Row.Attributes.Add;}}方法2:该方法与上述方法相同,但代码不同:protectedvoidGridView1_RowDataBound{if{e.Row.Style.Add;}}方法3:使用CSS在GridView的每一列中设置HeaderStyle的CsClass习惯。代码如下:[尝试后,此方法似乎无效,但可以设置背景色。
方法一:
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 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>

免责声明:文章转载自《设置GridView表头的背景图片》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇IE兼容低版本设置nginx: 400 Bad Request | The plain HTTP request was sent to HTTPS port下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

DEV控件GridControl常用属性设置(转)

1、 如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为:Click 2、 如何新增一条记录 (1)、gridView.AddNewRow() (2)、实现 gridView_InitNewRow 事件 3、如何解决 GridControl 记录能获取而没有显示出来的问题 gri...

ASP.NET Dynamic Data Part.2(自定义动态数据网站)

必须强调 3 点: 动态数据项目是基于 ASP.NET 构建的 动态数据依赖于一系列的模板,它们用于显示和编辑数据 动态数据应用中的一切都是可以进行自定义的 有很多方式可用来扩展、修改以及调整动态数据应用程序,因此,有时候对它们的选择会很困难。 使用模板进行自定义 模板是动态数据应用程序的核心。我将演示使用模板自定义数据被如何呈现到客户端的几个不同方式...

Asp.Net 之 基本控件FileUpload上传控件

1、前台代码: <asp:FileUpload ID="FileUpload" runat="server" /> <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" /> <asp:Label ID="LabMsg" runat...

html中#include file的使用方法

有两个文件a.htm和b.htm,在同一文件夹下a.htm内容例如以下 <!-- #include file="b.htm" --> b.htm内容例如以下 今天:雨 31 ℃~26 ℃ <br />明天:雷阵雨 33 ℃~27 ℃ 直接在浏览器中打开a,没有不论什么显示,后来知道,include是SSI(Server Side...

IIS6目录解析漏洞的实验

​​​​​​​​​​Windows 打开IIS管理器的方式 这个是网站IIS网站目录右击默认网站中的属性,可以查看网站的属性,比如网站根目录,或者是端口这个是网站的目录C:www,有三个文件分别是file文件夹,index.asp,upload.asp。其中Index.asp是上传文件的地方,upload.asp是处理上传文件,最后一个file文件夹是存放上...

GridView ObjectDataSource 一些使用说明

1. GridView 在使用ObjectDataSource做数据源后,如果要启用删除,需要指定 GridView 的DataKeyNames 属性,只有设置了DataKeyNames='xxx'后 GridView在执行删除操作时会调用一个包含名为 xxx 参数的 Delete操作, 当然这个时候你必须设置ObjectDataSource 的OldVa...