Prefix before icon in tables

Hello,

Is it possible to display a prefix before the icon of a table cell?

Tables\Columns\TextColumn::make('field_with_icon_and_prefix')
    ->prefix('(this needs to be before the icon)')
    ->icon(fn (ThirdPartyContact $record): string => 'heroicon-o-user')

Tables\Columns\TextColumn::make('field_with_icon_and_prefix')
    ->prefix('(this needs to be before the icon)')
    ->icon(fn (ThirdPartyContact $record): string => 'heroicon-o-user')

Thanks!

Solution

Maybe a custom view column?

->view('custom-column')

->view('custom-column')

<!-- resources/views/custom-column.blade.php -->
<div class="flex">
    <div>prefix</div>
    <div> @svg('heroicon-o-user', ['class' => 'h-5 w-5'])</div>
    <div>{{ $getState() }}</div>
</div>

<!-- resources/views/custom-column.blade.php -->
<div class="flex">
    <div>prefix</div>
    <div> @svg('heroicon-o-user', ['class' => 'h-5 w-5'])</div>
    <div>{{ $getState() }}</div>
</div>

Jump to solution

Filament•17mo ago•

3 replies

Adysone

Prefix before icon in tables

Hello,

Is it possible to display a prefix before the icon of a table cell?

Tables\Columns\TextColumn::make('field_with_icon_and_prefix')
    ->prefix('(this needs to be before the icon)')
    ->icon(fn (ThirdPartyContact $record): string => 'heroicon-o-user')

Tables\Columns\TextColumn::make('field_with_icon_and_prefix')
    ->prefix('(this needs to be before the icon)')
    ->icon(fn (ThirdPartyContact $record): string => 'heroicon-o-user')

Thanks!

Solution

Maybe a custom view column?

->view('custom-column')

->view('custom-column')

<!-- resources/views/custom-column.blade.php -->
<div class="flex">
    <div>prefix</div>
    <div> @svg('heroicon-o-user', ['class' => 'h-5 w-5'])</div>
    <div>{{ $getState() }}</div>
</div>

<!-- resources/views/custom-column.blade.php -->
<div class="flex">
    <div>prefix</div>
    <div> @svg('heroicon-o-user', ['class' => 'h-5 w-5'])</div>
    <div>{{ $getState() }}</div>
</div>

Jump to solution

Prefix before icon in tables

Prefix before icon in tables

Similar Threads

Similar Threads

Similar Threads