无法为奇数行和偶数行设置单独的颜色

Question

这里我正在尝试我正在使用 ngx-datatable 显示动态生成的 table 但我想显示的是奇数行我想显示一种颜色和偶数我尝试应用第 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;
}

我尝试了所有这些来设置奇数行或偶数行的行颜色，但这些样式不适用

Answer 1

尝试直接使用 class 名称，如下所示：

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

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

它对我有用：Stackblitz Demo

Answer 2

它也可以在纯 css 中实现，而不用额外标记行类

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

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

无法为奇数行和偶数行设置单独的颜色

unable to set separate colors for Odd and even rows

angular

css

typescript

ngx-datatable