Custom columns

Build a Custom Table Column

Watch the Build Advanced Components for Filament series on Laracasts - it will teach you how to build components, and you'll get to know all the internal tools to help you.

Play Video

Dan Harrin

Instructor

#View columns

You may render a custom view for a cell using the view() method:

use Filament\Tables\Columns\ViewColumn;
 
ViewColumn::make('status')->view('filament.tables.columns.status-switcher')
use Filament\Tables\Columns\ViewColumn;

ViewColumn::make('status')->view('filament.tables.columns.status-switcher')

This assumes that you have a resources/views/filament/tables/columns/status-switcher.blade.php file.

#Custom classes

You may create your own custom column classes and cell views, which you can reuse across your project, and even release as a plugin to the community.

If you're just creating a simple custom column to use once, you could instead use a view column to render any custom Blade file.

To create a custom column class and view, you may use the following command:

php artisan make:table-column StatusSwitcher
php artisan make:table-column StatusSwitcher

This will create the following column class:

use Filament\Tables\Columns\Column;
 
class StatusSwitcher extends Column
{
    protected string $view = 'filament.tables.columns.status-switcher';
}
use Filament\Tables\Columns\Column;

class StatusSwitcher extends Column
{
    protected string $view = 'filament.tables.columns.status-switcher';
}

It will also create a view file at resources/views/filament/tables/columns/status-switcher.blade.php.

#Accessing the state

Inside your view, you may retrieve the state of the cell using the $getState() function:

<div>
    {{ $getState() }}
</div>
<div>
    {{ $getState() }}
</div>

#Accessing the Eloquent record

Inside your view, you may access the Eloquent record using the $getRecord() function:

<div>
    {{ $getRecord()->name }}
</div>
<div>
    {{ $getRecord()->name }}
</div>

Still need help? Join our Discord community or open a GitHub discussion