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