Version

Theme

NOTE

You are currently viewing the documentation for Filament 4.x, which is currently in beta and is not stable. Breaking changes may be introduced to releases during the beta period. Please report any issues you encounter on GitHub.

Looking for the current stable version? Visit the 3.x documentation.

Tables - Columns

Text input column

Introduction

The text input column allows you to render a text input inside the table, which can be used to update that database record without needing to open a new page or a modal:

use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('email')
Text input column

Validation

You can validate the input by passing any Laravel validation rules in an array:

use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('name')
    ->rules(['required', 'max:255'])

Customizing the HTML input type

You may use the type() method to pass a custom HTML input type:

use Filament\Tables\Columns\TextInputColumn;

TextInputColumn::make('background_color')->type('color')

Lifecycle hooks

Hooks may be used to execute code at various points within the input’s lifecycle:

TextInputColumn::make()
    ->beforeStateUpdated(function ($record, $state) {
        // Runs before the state is saved to the database.
    })
    ->afterStateUpdated(function ($record, $state) {
        // Runs after the state is saved to the database.
    })
Edit on GitHub

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

Previous
Toggle column