Невозможно установить отдельные цвета для четных и нечетных строк

вот то, что я пытаюсь, я показываю динамически сгенерированную таблицу с использованием ngx-datatable, но я пытаюсь отобразить для нечетных строк, я хочу отображать один цвет и для четной строки, я попытался применить n-й элемент и

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;
}

Я пробовал все это, чтобы установить цвета строк для нечетных или четных строк, но эти стили не применяются

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
0
2 426
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Попробуйте использовать имена классов напрямую, как показано ниже:

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

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

У меня работает: Демо Stackblitz

Это также может быть достигнуто в чистом css без маркировки строк дополнительными классами

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

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

Другие вопросы по теме