Как применить цвет поочередно для строк группы таблиц?

Question

Я хочу отобразить строку таблицы в качестве альтернативного цвета для группы строк.Я использовал приведенный ниже код для альтернативного цвета, но требования разные.Если есть группа рядов одинакового цвета, то остальным должен быть альтернативный цвет.Использую Angular 7, материал Design 2 платформы.

tr:nth-child(even) {
  background-color : white;
}

tr:nth-child(odd) {
  background-color : gray;
}

Ожидаемое поведение должно быть таким, как показано ниже. Снимок экрана.

Answer 1

Вы можете покрасить каждую ячейку с помощью логики, которую вы хотите:

[ngStyle]="{'background-color': condition1 != condition2 ? 'red' : 'white'  }"

Answer 2

там вы можете легко получить это с помощью простого кода на Angular 7. Используя ngClass, мы можем достичь этого, то есть

[ngClass]="index == 0?'active':'dull-white'"

Вы можете использовать свое условие там и достичь своей цели.Прокомментируйте ваши запросы, если таковые имеются.