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>