F
Filament•3w ago
F alko

Table Repeater doesn't look like table

Repeater::make('groups')
    ->orderColumn(false)
    ->hiddenLabel()
    ->table(fn() => [
        TableColumn::make('Name')
            ->markAsRequired(),
          TableColumn::make('Description'),
    ])
    ->schema([
        TextInput::make('name')
            ->required(),
        TextInput::make('description')
            ->required(),
    ])
    ->addable(false)
    ->deletable(false),
Repeater::make('groups')
    ->orderColumn(false)
    ->hiddenLabel()
    ->table(fn() => [
        TableColumn::make('Name')
            ->markAsRequired(),
          TableColumn::make('Description'),
    ])
    ->schema([
        TextInput::make('name')
            ->required(),
        TextInput::make('description')
            ->required(),
    ])
    ->addable(false)
    ->deletable(false),
I'm on Filament 4.1 In css I see that thead is display none.
No description
Solution:
It looks like your container isn’t wide enough to display the table. Core switches to a stacked view below the lg container query. If you need it as a table below that point you’ll need to add the smaller size in a custom theme.
Jump to solution
6 Replies
Mombei
Mombei•3w ago
Seems to work just fine in a sandbox environment. How'd you define your model?
F alko
F alkoOP•3w ago
It’s a custom form, no model attached
Mombei
Mombei•3w ago
Surely the data is persisted in some way?
F alko
F alkoOP•3w ago
Yes, it’s the stylesheet that is giving the problem in latest 4.1 HTML tries to make a table Css hides thead and places td vertical
Solution
awcodes
awcodes•3w ago
It looks like your container isn’t wide enough to display the table. Core switches to a stacked view below the lg container query. If you need it as a table below that point you’ll need to add the smaller size in a custom theme.
F alko
F alkoOP•3w ago
We placed it in a bigger colspan group. Works now! Thanks

Did you find this page helpful?