Alternate Row Style

Style immediate row with previous style in Table.

by shubh0602

HTML

<table class="table-dynamic">
    <TBODY>
        <TR class=oddRow rowtype="datarow" datakeys="20395896">
            <td>One</td>
        </TR>
        <TR class=group-row rowtype="datarow" datakeys="828130322">
            <td>Two</td>
        </TR>
        <TR class=evenRow rowtype="datarow" datakeys="1861845785">
            <td>Three</td>
        </TR>
        <TR class=group-row rowtype="datarow" datakeys="828130322">
            <td>Four</td>
        </TR>
    </tbody>
</table>

CSS

table.table-dynamic{
    border:1px solid #d0d0d0;
}
table.table-dynamic tr.oddRow td{
    background-color:#ffffff;
}
table.table-dynamic tr.evenRow td{
    background-color:#f5f5f5;
}