Highlight grid view row on mouse over
By Super Man
Learn How to Highlight gridview row on mouse over and mouse out
Subject : Highlight grid view row on mouse over
For that you have to add attribute mouserover
and mouseout of Gridview row.
You can assign this attribute on OnRowDataBound
Event of gridview.
Code Snippet:
.aspx code:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" OnRowDataBound="bound" BackColor="Silver"
onselectedindexchanged="GridView1_SelectedIndexChanged" >
<Columns>
<asp:BoundField DataField="date" HeaderText="date" SortExpression="date" />
<asp:BoundField DataField="empolyeeno" HeaderText="empolyeeno"
SortExpression="empolyeeno" />
<asp:BoundField DataField="location" HeaderText="location"
SortExpression="location" />
<asp:BoundField DataField="position" HeaderText="position"
SortExpression="position" />
</Columns>
</asp:GridView>
.apx.cs code
Protected void bound(object sender, GridViewRowEventArgs e)
{
e.Row.Attributes.Add("onmouseover", "style.backgroundColor='#ffffff'");
e.Row.Attributes.Add("onmouseout", "style.backgroundColor='#C0C0C0'");
}
Highlight grid view row on mouse over (1613 Views)