Alternating colors in table in jsp using CSS

Question

Possible Duplicates:
How to alternate HTML table row colors using JSP?
Table row - Giving alternate colors

Can anyone provide basic code for dynamically adding rows in a table with alternate colors using CSS in jsp file kindly provide this code?

Answer 1

<table>
<?
    boolean evenRow = true;
    for (int i = 0; i < numRowsToDisplay; i++)
    {
?>

<tr class="<?= evenRow? "evenrowstyle" : "oddrowstyle" ?>"><td>whatever</td></tr>

<?
        evenRow = !evenRow;
    }
?>
</table>

Answer 2

Basically, there are two options:

• either you have to add a style class to all even (or odd) rows in your jsp
• or you can do it dynamically on the client with javascript (if that's an option)

Answer 3

Take a look at the CSS odd and even selectors.

Answer 4

as in

<style>
#TableID tr:nt-child(odd){
background-color:white;
}

#TableID tr:nth-child(even){
background-color:silver;
}
</style>