ASP.NET MVC jQuery Table 單雙行 Style

 
ASP.NET MVC jQuery Table 單雙行 Style
 

   Site.Master 既 Head 內加上
 
   <script type="text/javascript" language="javascript" src="../../Scripts/jquery-1.4.1-vsdoc.js"></script>
 

 

   Test2.aspx 更改
 
   <script type="text/javascript" language="javascript">
 
      $(document).ready(function() {
         $(".as:odd").addClass("as_odd");
         $(".as:even").addClass("as_even");
      });
 
   </script>
 
   <table border="0" cellpadding="0" cellspacing="0">
   <tr id="abcdef"><td><strong>Team ID</strong></td><td><strong>Team Name</strong></td></tr>
 
   <% For Each m In Model %>
      <tr class="as"><td><%=m.Team_ID%>
      </td><td><%=m.Team_Name%></td></tr>
   <% Next %>
   </table>
 

 

   Site.css 加上
 
   .as_even
   {
      background-color: #FFFFCC;
   }
 
   .as_odd
   {
      background-color: #FFFFFF;
   }
 
   #abcdef
   {
      background-color: Gray;
      color:White;
   }