Change background color in Yii2 gridview cell depend on its value

Question

I am trying to make background color that depending on the value calculation number in one cell. This is my code:

[ 'attribute' => 'coefTK', 'label' => '<abbr title="Koefisien Jumlah Tenaga Kerja">TK</abbr>', 'encodeLabel' => false, 'headerOptions' => ['style'=>'text-align:center'], 'options' => [ 'style' => $dataProvider['coefTK']/$dataProvider['coefTK_se']<2 ? 'background-color:red':'background-color:blue'], ],

but i got an error, that say "Cannot use object of type yii\data\ActiveDataProvider as array"

So, How can i change the background gridview cell that have value from some calculation ?

Bizley · Accepted Answer · 2016-09-13 05:19:04Z

Use contentOptions:

[ 'attribute' => 'coefTK', 'label' => '<abbr title="Koefisien Jumlah Tenaga Kerja">TK</abbr>', 'encodeLabel' => false, 'headerOptions' => ['style'=>'text-align:center'], 'contentOptions' => function ($model, $key, $index, $column) { return ['style' => 'background-color:' . (!empty($model->coefTK_se) && $model->coefTK / $model->coefTK_se < 2 ? 'red' : 'blue')]; }, ],

rob006 · Accepted Answer · 2018-05-19 16:55:41Z

Use the rowOptions and change the value of class to change the color.

'rowOptions' => function($model, $key, $index, $column){ if($index % 2 == 0){ return ['class' => 'info']; } },

This will generate an output like the following:

LogicLab Solutions · Accepted Answer · 2023-07-26 05:51:09Z

rowOptions add in Gridview

<?= GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'rowOptions' => function($model, $key, $index, $column){ if($index % 2 == 1){ return ['class' => 'info']; } }, 'columns' => [ .........

Collectives™ on Stack Overflow

Change background color in Yii2 gridview cell depend on its value

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related