VB.Net Highlight GridView Row OnMouseOver in ASP.Net

Combination of JavaScript, CSS and VB.Net code provides the functionality to highlight the GridView Row onmouseover. You can define the alternate CSS classes for showing the rollover color effect on GridView Rows. First CSS class will change the Row color to show highlight effect onmouseover event of GridView row. Second CSS class will set back the original color of the GridView Row onmouseout event. In this Sample we have used JavaScript code to change the CSS class name of GridView Row Items dynamically by attaching the onmouseover and onmouseout events to each Row Item programmatically using VB.Net code.

JavaScript Events Used

1. OnMouseOver

2. OnMouseOut

VB.Net for each loop is also used here to loop over the each Row Item of GridView control.

See the sample below to understand the functionality:

CategoryID	Category Name	Description	Select
1	Beverages	Soft drinks, coffees, teas, beers, and ales	Select
2	Condiments	Sweet and savory sauces, relishes, spreads, and seasonings	Select
3	Confections	Desserts, candies, and sweet breads	Select
4	Dairy Products	Cheeses	Select
5	Grains/Cereals	Breads, crackers, pasta, and cereal	Select
6	Meat/Poultry	Prepared meats	Select
7	Produce	Dried fruit and bean curd	Select
8	Seafood	Seaweed and fish	Select

Get Code for this sample...

Previous Sample

Next Sample