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; } |