Question - set bodyAttribute of column based on the row value

[dr3nyl]

I'm trying to set text/bg color of a row depending on its value. Example: status is active(green) and inactive(red)
I find bodyAttribute but not sure how to insert a condition based on the value.

[younus93]

Were you able to make progress on this? Would have been nicer if we could pass a closure and return the necessary styling.

[dansysanalyst]

You can use Action Rules, it might look something like this:

final class MyTable extends PowerGridComponent
{
//...
 public function actionRules(): array
    {
        return [
            Rule::rows()
                ->when(fn($user) => (bool) $user->is_active === false)
                ->setAttribute('class', 'bg-yellow-50 hover:bg-red-100'),

            Rule::rows()
                ->when(fn($user) => (bool) $user->is_active === true)
                ->setAttribute('class', 'bg-yellow-50 hover:bg-green-100')
        ];
    }

Also, you may check the classes in the default themes at your directory: vendor/power-components/livewire-powergrid/src/Themes/, more info on custom themes in the doc.

[younus93]

Thanks. Will check it out.