Sortiertabelle wechselnde Farben werden nicht angezeigt, da divs nicht angezeigt wird.

Question

Hier ist eine, die ich schon einmal gesehen habe, aber ich kann sie nicht bekommen. Grundsätzlich gibt es zwei Sortierfilter auf einer Tabelle - auf einer davon sind einige der Zeilen, die nicht angewendet werden, versteckt und werfen daher die abwechselnden Farben weg. Unten ist der Code für die Funktion, die sortiert, und das CSS. Die Seite wird mit dem folgenden Problem geladen. Irgendwelche Ideen? Dank

//Function that sorts the table (JS and Knockout) 
orderHistoryFilterSelector = new ax.Selector($orderHistoryFilterSelector, { 
    onSelect: function($link) { 
    if (orderHistoryDTO) { 
     filterOrderHistoryTable(orderHistoryDTO, $link); 
    } 
    } 
}); 

//CSS (background on tr:nth-child(even) set to white as default) 
table tbody tr:nth-child(odd) { 
background-color: #f9f9f9; 


//HTML - see screenshot 

Dieser ist derjenige, der nicht

Dieses ist, wie es soll arbeitet funktionieren

Answer 1

Sie können es machen, wo statt des Attributs "mit style "inline, eine Klasse haben:

.hidden { 
    display: none; 
} 

Fügen Sie diese Klasse zu denen hinzu Versteckt sind, dann ändern Sie Ihre CSS-Regel zu: