How can I show styled text if a cell is empty?

urbycoz · 2024-04-16T13:10:29.305Z

My datatable has the following column: `TextColumn::make('description') ->label('Description') ->placeholder('empty'),` Instead of simply the text "empty" I want to show this styled version: `' Empty '` Is this possible?

T

toeknee•4/16/24, 1:29 PM

use Illuminate\Support\HtmlString;

TextColumn::make('description')
  ->label('Description')
  ->placeholder('empty')
  ->formatState(fn($state) => empty($state) ? new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>') : $state),

use Illuminate\Support\HtmlString;

TextColumn::make('description')
  ->label('Description')
  ->placeholder('empty')
  ->formatState(fn($state) => empty($state) ? new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>') : $state),

use Illuminate\Support\HtmlString;

TextColumn::make('description')
  ->label('Description')
  ->placeholder('empty')
  ->formatState(fn($state) => empty($state) ? new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>') : $state),

use Illuminate\Support\HtmlString;

TextColumn::make('description')
  ->label('Description')
  ->placeholder('empty')
  ->formatState(fn($state) => empty($state) ? new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>') : $state),

M

morty•4/16/24, 2:11 PM

Alternatively, I do this with a macro:

Tables\Columns\TextColumn::macro('placeholderDash', function () {
    return $this->placeholder(fn (): HtmlString => new HtmlString('&mdash;'));
});

Tables\Columns\TextColumn::macro('placeholderDash', function () {
    return $this->placeholder(fn (): HtmlString => new HtmlString('&mdash;'));
});

Tables\Columns\TextColumn::macro('placeholderDash', function () {
    return $this->placeholder(fn (): HtmlString => new HtmlString('&mdash;'));
});

Tables\Columns\TextColumn::macro('placeholderDash', function () {
    return $this->placeholder(fn (): HtmlString => new HtmlString('&mdash;'));
});

U

urbycozOP•4/16/24, 2:12 PM

Thanks both. HtmlString was the key for me.

TextColumn::make('description')
                ->label('Description')
->default(new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>'))

TextColumn::make('description')
                ->label('Description')
->default(new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>'))

TextColumn::make('description')
                ->label('Description')
->default(new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>'))

TextColumn::make('description')
                ->label('Description')
->default(new HtmlString('<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">Empty</span>'))

How can I show styled text if a cell is empty?

Similar Threads

Similar Threads

Similar Threads