Yii2 -单元编辑

Question

如何在网格视图中编辑单元格CSS (如背景色)？注意，我只需要编辑一个单元格，而不需要编辑整个列或行。具体来说，在网格视图中有一列标有“颜色”，我希望每个单元格的背景色与写在那里的颜色相同。

Answer 1

在gridView中，可以在每一列中设置contentOptions和value参数

这是一个样本，其中：

对于第一列，为列的所有单元格指定颜色，

在第二列中，您可以根据在函数中计算的颜色值(在此示例中，颜色值由模型提供)为单个单元格分配颜色。然后编写适当的html代码并以行格式呈现您所需的颜色。

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
            [
                'attribute' => 'your_attribute',
                'label' => 'your_labe',
                'contentOptions' => ['style' => 'background-color: #000000;'], 
            ],
            ....
            ....

            [
                'attribute' => 'your_attribute_cell',
                'label' => 'your_label_cell',
                'format' => 'raw',
                'value' => function ($model) { 
                    return  "<span style='background-color:" . $model->yourColor  "'  >"  . $model->your_attribute_cell. " </span>";
                },
                'contentOptions' => ['style' => ' text-align: center; width: 100px;'],
                'headerOptions' => ['style' => 'text-align: center;'],
            ],
        ],