Отображать разные фоны для чередования строк расширяющейся таблицы. ⇐ Html

[Anonymous]

Я использую функцию расширения строк primeNg.
Код находится здесь: https://primefaces.org/primeng/showcase ... wexpansion
У меня есть требование отображать желтый фон для нечетных строк и серый фон для четных строк, но дополнительная вставленная строка, содержащая дочернюю таблицу, не должна включаться во время расчета.
Рассмотрим приведенный ниже пример HTML, где пользователь расширил первый ряд. Я не хочу, чтобы строки с классом table-row-expand учитывались в правиле четности/нечетности. Здесь я хочу, чтобы первая строка имела желтый цвет, вторая строка — серый цвет, а третья строка — снова желтый. Развернутая строка не должна иметь фона.
Обратите внимание, что строка .table-row-expand добавляется в DOM только тогда, когда пользователь разворачивает соответствующую строку. Пожалуйста, помогите мне с этой проблемой.

Код: Выделить всё

.table-row:nth-child(odd) {
background-color: yellow;
}

.table-row:nth-child(even) {
background-color: grey;
}

Код: Выделить всё

 


 // first row (should be gray)


 // expanded row (should not be colored)

 // child table 




 // second row (should be yellow)


 // third row (should be gray)

Подробнее здесь: https://stackoverflow.com/questions/709 ... ding-table