How to highlight row on mouse hover in Gridview

Introduction: In this post I will explain how we can highlight the Gridview row on mouse hover in Asp.net.

Description:

Add the below mention style in Head tag of .aspx page:

  <style type="text/css">

        #grdstudentdetail tr.Hover:hover

    {

                background-color:#2b98d9 ;   

    }

    </style>

After that add the Cssclass and Rowstyle-Cssclass in Gridview as shown below:

<asp:GridView ID="grdstudentdetail" runat="server" AutoGenerateColumns="False" CssClass="Hover" RowStyle-CssClass="Hover"

            DataKeyNames="STUDENT_ID">

Now run the project and check the result.

Related Articles on Gridview:

Ø  How toBind,Edit,Update and Delete in Gridview in Asp.net

Ø  How to bind Gridview using Sqldataadapter, Datatable andQuery in Asp.net

Ø How to Bind gridview with datareader in asp.net

Ø  How to edit and update Dropdownlist in Gridview datacontrol in Asp.net

Ø  How to Search Records in Gridview in Asp.net

Ø  How to Bind Gridview using Store Procedure, SqlDataAdapterand Datatable in Asp.net

Ø  How to use RadioButtonList control inside the Gridview inAsp.net

                         

  ØHow to use Fileupload control in Gridview inAsp.net

Is it helpful?

If yes post your comment to admire my work. You can like me on Facebook, Google+, Linkedin and Twitter via hit on Follow us Button and also can get update follow by Email.