Logo 
Search:

Asp.net Articles

Submit Article
Home » Articles » Asp.net » Utility CodeRSS Feeds

How to Highlight Row of Gridview on Mouse Over which doesn't use alternate row color

Posted By: Easy Tutor     Category: Asp.net     Views: 4817

This code will explains you how to Highlight Gridview Row on Mouse Over. A simple utility javascript, to Highlight Row of Gridview on Mouse Over which doesn't use alternate row color.

Code for How to Highlight Row of Gridview on Mouse Over which doesn't use alternate row color in Asp.net

In .aspx File declare OnRowCreated eventas follow.
<asp:GridView ID="GridView1" runat="server" OnRowCreated="OnRowCreated">

Following code will:
Highlight Gridview which is not using alternate row color.
protectedvoid OnRowCreated(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //On Mouse Over Highlight Row
        e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#ffff00'");

        //On Mouse out restore default row color
        e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF'");
    }
}
  
Share: 

 
 
 


Easy Tutor
Easy Tutor author of How to Highlight Row of Gridview on Mouse Over which doesn't use alternate row color is from United States. Easy Tutor says

Hello Friends,

I am Free Lance Tutor, who helped student in completing their homework.

I have 4 Years of hands on experience on helping student in completing their homework. I also guide them in doing their final year projects.

I have share many programs on this website for everyone to use freely, if you need further assistance, than please contact me on easytutor.2ya [at the rate] gmail [dot] com

I have special discount scheme for providing tutor services. I am providing tutor service to students from various contries, currently most of my students are from United States, India, Australia, Pakistan, Germany, UK and Canada.

I am also here to expand my technical network to receive more opportunity in my career, make friends to help them in resolving their technical problem, learn and share my knowledge, If you like to be my friend, Please send me friend request.

Thanks,
Happy Programming :)

 
View All Articles

 
Please enter your Comment

  • Comment should be atleast 30 Characters.
  • Please put code inside [Code] your code [/Code].

 
No Comment Found, Be the First to post comment!