Is it possible, using only CSS, to set different styles on odd and even rows for a dynamically generated table without myself setting correct style on each row when I iterate the collection?
I'm not sure this will work cross-browser, i'd prefer jQuery myself, but css-only this should do the trick:
tr:nth-child(even) { ... }
tr:nth-child(odd) { ... }
You can use the nth-child
selector http://reference.sitepoint.com/css/pseudoclass-nthchild, though it is not supported by all browsers.
You can also use jquery as described What is the best way to style alternating rows in a table?
You can do this with CSS3.
tr:nth-child(2n+1) /* targets all odd rows */
tr:nth-child(2n) /* targets all even rows */
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With