How can I style every other row in a dynamic table?
I am having trouble to pull this off and I wander if there is any solution.
It is about dynamic invoice email template in Mandril.
Point it that I need to add grey color background on every second <tr> element (see image below)
I am using this CSS code to target evert odd <tr> element (see img below)
and it is working in browser, but mailchimp/mandril inliner ignore that and refuse to add that style inline.
I can't inline this rule because this has to be dynamic, for example, I don't know how many rows are going to be in the email and if there is going to be 3 purchased items (3 rows) then the middle one should be white, if there is 4 rows, - 1 and 3 - GREY 2 and 4 WHITE...
I can't figure out what to do, so I hoped that someone can help.
Thanks in advance,