[jQuery] paint columns in alternating colour
i have this table structure - a database feeds rows into it with
Class=Row or AltRow
I want to paint the columns in alternating colours for both Row and
AltRow for readability
I tried:
$(document).ready(function(){
$(".Grid>.Row>td:even").css("background","silver");
});
and other variations - i'm having difficulty selecting the TD's in the
TR of Class 'Row' which is in the table of class 'Grid' - at one point
i got a checkerboard effect :) I can give the table an ID if that's
better to pick things out
Any help appreciated
=============================================================
<table class="Grid" cellspacing="0" cellpadding="0">
<caption class="Row">Total Records: 5 </caption>
<tr class="Caption">
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th>Manager</th>
<th>Status</th>
</tr>
<tr class="GroupCaption">
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
<th style="TEXT-ALIGN: right"> </th>
</tr>
<tr class="Row">
<td style="TEXT-ALIGN: right"> </td>
<td style="TEXT-ALIGN: right">150 </td>
<td>ExamOne Hamilton </td>
<td>printer </td>
<td> </td>
<td>Laura Felker </td>
<td>Un-Assigned </td>
</tr>
<tr class="Row">
<td style="TEXT-ALIGN: right"> </td>
<td style="TEXT-ALIGN: right">150 </td>
<td> </td>
<td>monitors </td>
<td> </td>
<td> </td>
<td>Un-Assigned </td>
</tr>
<tr class="Footer">
<td colspan="7">
<!-- ..nav buttons appear here -->
</tr>
</table>