Creating Repeater Items in Custom Modal with Table and Filters

Filament 3

Sometimes, your repeaters might have too much data to select. Did you know you can add a modal with a table to the repeater create form? This allows you to display a custom table where you can create complex filters and improve the user experience

FilamentExamples ThumbBase (15)

Get the Source Code:

Only This Example

$9

One-time payment

Full source code for Creating Repeater Items in Custom Modal with Table and Filters
Downloadable ZIP file with the source code
Lifetime access to this example
GitHub Sign in with GitHub to buy

Sign in first, then complete your $9 checkout.

Best value — all 175 examples

FilamentExamples Membership

$99 /year
or
$199 lifetime
Access to code of all 175 examples
Future new examples and updates included
FilaCheck Pro package licence included
MCP server included
View membership plans

30-day money-back guarantee

How it works

In the PlanResource, there is a simple form with a name and a simple repeater. The repeater action is overwritten to show a modal. The modal content is a View file where a RecipesTable Livewire component is called.

app/Filament/Resources/PlanResource.php:

class PlanResource extends Resource
{
// ...
 
public static function form(Form $form): Form
{
return $form
->schema([
Forms\Components\TextInput::make('name')
->required()
->columnSpanFull(),
Forms\Components\Repeater::make('recipes')
->label('Recipes')
->relationship('planRecipe')
->defaultItems(0)
->reorderable(false)
->columns()
->columnSpanFull()
->simple(
Forms\Components\Select::make('recipe_id')
->required()
->columnSpanFull()
->relationship('recipe', 'name'),
)
->addAction(function (Action $action): Action {
return $action->modalContent(view('filament.recipes-table'))
->action(null)
->modalCancelAction(false)
->modalSubmitActionLabel('Done');
}),
]);
}
 
// ...
}
The FULL tutorial is available after the purchase: in the Readme file of the official repository you would get invited to.