Gridview header mousehover

By Satyapriya Nayak Oct 25, 2012
In this blog we will know onmouseover on gridview header back color of header will change.

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" "">


<html xmlns="" >

<head runat="server">

    <title>Untitled Page</title>

    <style type="text/css">













    <form id="form1" runat="server">


    <asp:GridView ID="GridView1" runat="server"  BackColor="Yellow"

            GridLines="Vertical" AutoGenerateColumns="false"

            onrowcreated="GridView1_RowCreated" >


                <asp:BoundField HeaderText="EmpName" DataField="EmpName" />

                <asp:BoundField HeaderText="Address" DataField="Address" />

                <asp:BoundField HeaderText="Phone" DataField="Phone" />










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)





        private void bindgrid()


            SqlConnection con = new SqlConnection(connStr);


            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;





        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'");







Satyapriya Nayak
Satyapriya Nayak

Satyapriya Nayak is a software developer from Bhubaneswar, India. He holds a Bachelor's degree in Electronics and telecommunication and is an active member of C# Corner. 


Infragistics jQuery Controls

Latest Blogs