html - 在 gridview 行 yii2 中禁用交替背景颜色

Question

我能够修改 gridview 的行颜色，但我认为有一个默认属性可以处理交替行颜色，因为我在我的样式中指示的是红色，但当它显示时，偶数行为红色，而交替行是白色的。白色行应该是绿色的。我认为这是由 yii 出于某些可读性目的而制作的。

但奇怪的是，字体颜色是根据我提供的类来遵循的。

<style>
.stateCritical:nth-child(even) {
    color: black;
    background-color: red;
}

.stateCritical:nth-child(odd) {
    color: blue;
    background-color: green;
}

.stateOk {
    color: black;
    background-color: #C0FFBE;
}
</style>

<?= GridView::widget([
                'dataProvider' => $dataProvider,
                'rowOptions' => function($model) {
                    if ($model->last_hard_state == 2){
                        return ['class' => 'stateCritical'];
                    }
                    return ['class' => 'stateOk'];    
                },
    .
    .
    .
    .
    .
?>

如何覆盖默认背景颜色？

Answer 1

一个更简单的方法是覆盖 gridView 小部件的类。它获得条纹是因为网格的默认类是 table table-striped。

只需将其添加到您的小部件声明中即可；

GridView::widget([
    'dataProvider' => $dataProvider,
    'tableOptions' => ['class' => 'table table-bordered']
]);