How to change gridview header row color on mouseover in asp.net

Question

I Use Gridview. i want change color on mouseover gridview header row. How can I will create ? Regards Bvenkat Jeewesh

Satyapriya Nayak · Answer

Hi Bvenkat, Try this... Untitled Page .highlighted1 { background-color:red; } .highlighted2 { background-color:yellow; } GridLines="Vertical" AutoGenerateColumns="false" onrowcreated="GridView1_RowCreated" > 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'"); } } } } Thanks If this post helps you mark it as answer

How to change gridview header row color on mouseover in asp.net

Answers (1)