Posted By

SteveRB511 on 11/23/10

Tagged

table
jquery

Versions (?)

Last Edited at 11/23/10 06:12am

Statistics

Viewed 737 times

Favorited by 0 user(s)

Related snippets

jQuery Alternating Table Row Formatting

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script type="text/javascript" src="../css-js/jquery-1.4.2.min.js"></script>
 
<script type="text/javascript">
  $( function()
    {
    $( ".informationTable tr:nth-child(even)" ).addClass( "rowDark" );
    $( ".informationTable tr:nth-child(odd)" ).addClass( "rowLight" );
    $( ".informationTable th" ).addClass( "rowHeader" );
    });
</script>
 
<!-- Reference: http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy -->