In this blog we will know onmouseover on gridview header back
color of header will change.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Gridview_header_mousehover._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled
Page</title>
<style type="text/css">
.highlighted1
{
background-color:red;
}
.highlighted2
{
background-color:yellow;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"
BackColor="Yellow"
GridLines="Vertical" AutoGenerateColumns="false"
onrowcreated="GridView1_RowCreated" >
<Columns>
<asp:BoundField HeaderText="EmpName" DataField="EmpName" />
<asp:BoundField HeaderText="Address" DataField="Address" />
<asp:BoundField HeaderText="Phone" DataField="Phone" />
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
using System;
using
System.Collections;
using
System.Configuration;
using
System.Data;
using
System.Linq;
using
System.Web;
using
System.Web.Security;
using
System.Web.UI;
using
System.Web.UI.HtmlControls;
using
System.Web.UI.WebControls;
using
System.Web.UI.WebControls.WebParts;
using
System.Xml.Linq;
using
System.Data.SqlClient;
namespace
Gridview_header_mousehover
{
public partial class _Default : System.Web.UI.Page
{
string
connStr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
SqlCommand
com;
SqlDataAdapter
sqlda;
DataSet
ds;
string
str;
protected void Page_Load(object
sender, EventArgs e)
{
if
(!IsPostBack)
{
bindgrid();
}
}
private void bindgrid()
{
SqlConnection
con = new SqlConnection(connStr);
con.Open();
str = "select
* from employee";
com = new SqlCommand(str, con);
sqlda = new SqlDataAdapter(com);
ds = new DataSet();
sqlda.Fill(ds, "employee");
GridView1.DataMember = "employee";
GridView1.DataSource = ds;
GridView1.DataBind();
con.Close();
}
protected void GridView1_RowCreated(object sender, GridViewRowEventArgs
e)
{
if
(e.Row.RowType == DataControlRowType.Header)
{
e.Row.Attributes.Add("onmouseover", "className='highlighted1'");
e.Row.Attributes.Add("onmouseout", "className='highlighted2'");
}
}
}
}