How to set color for labeled text ?

[sergeynilov]

In laravel/livewire 10 app I added rappasoft/laravel-livewire-tables ^3.2.5 and in tyable
want to make coloreb label in which text and color are rendered from enum field :

            // I see valid label
            Column::make('status')->label(fn($row) => $row->status .':'.UserStatusEnum::getLabel($row->status))

/*                ->color( // THESE LINES RAISED ERROR : Call to undefined method Rappasoft\LaravelLivewireTables\Views\Column::color()
                function ($row) {
                        if ($row->status === UserStatusEnum::BANNED->value)
                        {
                            return '#0675fd';
                        }
                        else if ($row->status === UserStatusEnum::INACTIVE->value)
                        {
                            return '#b1fd72'; // lightlty green
                        }
                        else return '#fd1452'; // red

                    }
                )*/

                ->sortable()
                ->searchable()
                ->attributes(function($row) {
                    return [
                        'class' => ($row->status === UserStatusEnum::BANNED ? 'bg-red-500 text-green-700' : 'bg-yellow-500 text-lime-400'),
                    ];
                }),

            // I see color but not label
            ColorColumn::make('status')
                ->label(fn($row) => $row->status .':'.UserStatusEnum::getLabel($row->status))  // THAT DOES NOT WORK - NO ERROR, BUT NO LABEL AT ALL
                ->color(
                    function ($row) {
                        if ($row->status === UserStatusEnum::BANNED->value)
                        {
                            return '#0675fd';
                        }
                        else if ($row->status === UserStatusEnum::INACTIVE->value)
                        {
                            return '#b1fd72'; // lightlty green
                        }
                        else return '#fd1452'; // red

                    }
                ),

It looks like :

https://img001.prntscr.com/file/img001/Fe2brgAvQZy3y74hvWr2Qg.png

In which way can I set text color/ background color for labeled text ?

[mrl22]

Here is an example of how I have done it for colouring rows:

public function configure(): void
    {
        $this->setTrAttributes(fn($row) => [
            'style' => 'background-color: ' . ($row->some_conditions  ? 'white' : 'black') . ';',
        ]);
    }

Example of it in use using Enums:

public function configure(): void
    {
        $this->setTrAttributes(fn($row) => [
            'style' => 'background-color: ' . $row->flag?->getColor() . '; color: ' . (\App\Helpers\ColorHelper::isColorDark($row->flag?->getColor()) ? 'white' : 'black') . ';',
        ]);
    }

enum ApplicationFlagEnum: int
{

    case CONTRACT_REQUIRED = 0;
    case AWAITING_RESPONSE = 1;
    case RESOLVED = 2;
    case HIGH_RISK = 3;

    public function getName(): string
    {
        return match ($this) {
            self::CONTRACT_REQUIRED => 'Contact Required',
            self::AWAITING_RESPONSE => 'Awaiting Response',
            self::RESOLVED => 'Resolved',
            self::HIGH_RISK => 'High Risk',
        };
    }

    public function getColor(): string
    {
        return match ($this) {
            self::CONTRACT_REQUIRED => '#FF0000',
            self::AWAITING_RESPONSE => '#0E00FF',
            self::RESOLVED => '#1DFF01',
            self::HIGH_RISK => '#B60600',
        };
    }
}

My colour helper: https://gist.github.com/mrl22/faacd7bd534f68cb97e3a27a5b547684
Stop you having black text on a dark background.

[lrljoe]

Some pointers

Use setTdAttributes to set classes for a column
Use setTrAttributes to set classes for a row

Use setAdditionalSelects, to add columns/fields that don't exist as a non-label column to the query (so that you can use the values).

If you are still stuck, share your whole table component and I'll give you some guidance.