ASP.NET Gridview - 如何创建所有行，但标题行有悬停效果？

Question

我试图让所有的行都有一个悬停的背景，除了标题行。

任何提示？

我有BoundFields，TemplateField和CommandField。

Answer 1

这是solution with example。

链接TXT：http://www.codeproject.com/KB/webforms/MouseHoverUsingCSS.aspx

退房的截图为好。

Answer 2

这是怎么可以做到

<asp:GridView... OnRowCreated="GvListingReport_RowCreated" /> 

并在代码

 public void GvListingReport_RowCreated(object sender, GridViewRowEventArgs e) 
    { 
     if (e.Row.RowType == DataControlRowType.DataRow) 
     { 
      e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#DDDDDD';this.style.cursor='hand'"); 

      ListingRecord record = e.Row.DataItem as ListingRecord; 
      if (record != null) 
      { 
       e.Row.Attributes.Add("onclick", "javascript:MM_openBrWindow('" + url + "','dec','scrollbars=yes,resizable=yes')"); 
      } 

      e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF';"); 
     } 
    } 

您也可以悬停效果维持交替行的颜色。

Answer 3

这可以使用jQuery

<script type="text/javascript" src="path/to/jquery"></script> 
<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#<%= grid.ClientID%> tr").not("tr:first-child").hover(
      function(){$(this).addClass("OnMouseOverClass");},//mouse-over 
      function(){$(this).removeClass("OnMouseOutClass");});//mouse-out 
     }); 
</script>