I've come across a problem that has me stumped. So, there are two sorting filters on a table and one of them hides rows that don't apply, messing up the alternating colors. Take a look at the function that sorts and the CSS below. The issue is present when the page loads as well. Any thoughts or solutions? Thank you!
//Sorting function for the table (JS and Knockout)
orderHistoryFilterSelector = new ax.Selector($orderHistoryFilterSelector, {
onSelect: function($link) {
if (orderHistoryDTO) {
filterOrderHistoryTable(orderHistoryDTO, $link);
}
}
});
//CSS (setting background on tr:nth-child(even) to white by default)
table tbody tr:nth-child(odd) {
background-color: #f9f9f9;
//HTML - check out the screenshot
This one isn't behaving correctly. https://i.sstatic.net/nufHD.png
https://i.sstatic.net/G8GC8.png Here's how it should work.