css - 如何在Yii2 Gridview中更改1行的背景

我正在使用Yii 2，它是显示信息的网格 View 。

现在，我的问题是，每当用户扫描两个相同的序列号和/或mac地址时，它都应突出显示该行(将颜色更改为红色)，并显示一些错误符号或其他内容。

屏幕截图:

我希望它看起来像什么:

我是Yii2的新手，并不完全知道他们如何使用网格 View 进行操作。我一直在研究这个特定的问题，但找不到任何东西。

Gridview代码

 <?= GridView::widget([
    'id' => 'scan-batch-grid',
    'dataProvider' => $dataProvider,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],
        ['class' => 'yii\grid\CheckboxColumn'],
        [
            'attribute' => 'product_ID',
            'value' => 'product.name'
        ],
        'SN',
        'MAC',
        [
            'class' => 'yii\grid\ActionColumn',
            'urlCreator' => function ($action, $model, $key, $index) {
                    return Url::to(['scan-batch/view',  'id' => $key, 'scan' => $model->scan_batch_ID]);
            },
            'buttons' => [
                'update' => function ($url, $model, $key) {
                    return '';
                },
                'delete' => function ($url, $model, $key) {
                    return '';
                },
            ],
        ],
    ],
]); ?>

编辑

我只想知道如何更改仅一行的颜色。

最佳答案

得到它了!

Yii2 : Adding Classes to Rows in the GridView (YouTube)

Yii2 Gridview row by row css expression

只需将rowOptions添加到您的gridview中。

<?= GridView::widget([
    'id' => 'scan-batch-grid',
    'dataProvider' => $dataProvider,
    'rowOptions'=>function($model){
            if($a == $b){
                return ['class' => 'danger'];
            }
    },

关于css - 如何在Yii2 Gridview中更改1行的背景，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29745947/