In the rowdatabound event of the gridview control, add the following Code
If (E. Row. rowtype = datacontrolrowtype. datarow)
{
// Change the background color when the mouse moves over the line
E. Row. Attributes. Add ("onmouseover", "c = This. style. backgroundcolor; this. style. backgroundcolor = '# ee82ee '");
// Restore the background color when you move the mouse away.
E. Row. Attributes. Add ("onmouseout", "This. style. backgroundcolor = C ");
}
After the datalist control is added to the design page, I bind data through cells when using datalist, so the mouse effect is Source code Page implementation, as shown in the following example
<Asp: datalist id = "datalist1" runat = "server" borderwidth = "1">
<Itemtemplate>
<Tr onmouseover = "This. style. backgroundcolor = '# 8ec26f'" onmouseout = "This. style. backgroundcolor ='' ">
<TD>
<Asp: Label id = "label1" runat = "server" text = '<% # databinder. eval (container, "dataitem. ID ") %> '> </ASP: Label>
</TD>
<TD>
<Asp: Label id = "label2" runat = "server" text = '<% # databinder. eval (container, "dataitem. area ") %> '> </ASP: Label>
</TD>
</Tr>
</Itemtemplate>
<Headertemplate>
Header1 </TD>
<TD> header2
</Headertemplate>
</ASP: datalist>
