angular - imposibil de a seta culori separate pentru rândurile impare și pare

Aici ceea ce încerc este să afișez un tabel generat dinamic folosind ngx-datatable, dar încerc să afișez astfel încât pentru rândurile impare să afișez o culoare și pentru rândul par. Am încercat să aplic elementul nth &

body .datatable-body-row .datatable-row-even {
    background: orange;
}



body datatable-body-row .datatable-row-odd {
    background: aqua;
   } 



   .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
    background-color: red;
}

Am încercat toate acestea pentru a seta culorile rândurilor pentru rândurile impare sau pare, dar aceste stiluri nu se aplică

Răspuns #1

Încercați să folosiți direct numele claselor, așa cum este mai jos, ar trebui să funcționeze:

.datatable-row-even {
    background-color: red;
}

.datatable-row-odd {
    background-color: blue;
} 

Funcționează pentru mine: Demonstrație Stackblitz

Răspunsul #2

Poate fi realizat și în CSS pur fără a marca rândurile cu clase suplimentare

.datatable-row-wrapper:nth-child(2n){
    background-color: red;
}

.datatable-row-wrapper:nth-child(2n+1){
    background-color: blue;
}