Check out my fiddle below:
https://jsfiddle.net/teo7auv3/
I'm facing a challenge where I want to change the background color of the entire table row (TR) to red when there are validation errors. The problem seems to be related to this code snippet:
.ui-table tr:nth-child(even) {background: #fff}
.ui-table tr:nth-child(odd) {background: #f2ebde}
If I remove that part, it works fine. However, I still want to keep alternating row colors. Any suggestions on how to achieve this?