I'm using a hierarchical grid and would like to unset the alternating row color and use my own based upon the values in a particular column. I can get the background color set correctly on half of the rows, but the alternating rows obliterates my custom color. I've tried using:
.ui-ig-altrecord .ui-iggrid-altrecord .ui-ig-record .ui-iggrid-record { background-color: unset; }
But that has no effect.
Any helpful suggestions would be most welcome.
Hello Kenneth,
Thank you for posting in our community!What I can suggest in order to reference the alternating rows by their class is as following:
.ui-iggrid-table tr.ui-ig-altrecord { background: unset; }
Additionally, I have attached a small sample using my suggestion for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve please free to modify it and send it back to me for further investigation.
Please let me know if you need any further assistance with this matter.
0003.igGridChangeAltRowsStyle.zip
Hi Vasya,
Thanks for getting back to me. That didn't work. Is there anything different in the CSS classes because it's a hierarchical grid? That didn't seem to have any effect.