Filament•4w ago

tab with datatable in resource edit page

Good morning, For my application I want to show two tables in the edit form of a resource using tabs, I've currently accomplished this using livewire pages and loading them like this. The livewire page is just a div with the

{{ $this->table }}

{{ $this->table }}

. So not too complex. Except I've started running into some bugs. Where for example on clicking delete, the modal wouldn't appear making it practically not possible to delete the record. Or one of the two datatables disappearing. After some research I figured out that putting tables like this in a form tab has some issues since there's forms attached to tables as well. And nesting forms doesn't work. (found that in this forum: https://www.answeroverflow.com/m/1122836776902467585) I'm familiar with RelationManagers, but for this application I need the tables to be in seperate tabs to not overload my users, since they're generally not very educated I'm trying to dumb down the application as much as possible (with all due respect to my users ofcourse). I've thought about making a custom edit page consisting of three seperate livewire components and connecting them through the tabs blade components, but I'm wondering if there's a better way 🤔 (https://filamentphp.com/docs/3.x/support/blade-components/tabs) So the final question: should it be stable to include filament tables to a form as a seperate livewire component, or should I make a custom page and split the forms and tables so they don't have any interference? Any other suggestions are ofcourse also welcome. Thanks in advance! Code how I'm adding the datatables now which is acting buggy

Tab::make('Maintenance history')
            ->hidden(fn (?string $operation) => $operation == 'create')
            ->icon('heroicon-o-wrench-screwdriver')
            ->schema([
                Livewire::make('tool-maintenance-history-tab', [
                    'record' => $record,
                ])
            ]);

Tab::make('Maintenance history')
            ->hidden(fn (?string $operation) => $operation == 'create')
            ->icon('heroicon-o-wrench-screwdriver')
            ->schema([
                Livewire::make('tool-maintenance-history-tab', [
                    'record' => $record,
                ])
            ]);

Implementing a table on a resource-view-page - Filament

Hey - I think I'm missing something, so maybe just point me in the right direction. Given I got a resource with a relation to another model. Now what I wanna do is something like this on my view-page: ``` Section::make('myrelation-headline') ->icon('section-icon') ->schema([ Table::make('myrela...

Tabs Blade component - Core Concepts - Filament

1 Reply

𝙑𝙞𝙩𝙤 𝘾𝙤𝙧𝙡𝙚𝙤𝙣𝙚•4w ago

Hmm

Gaming

Programming

tab with datatable in resource edit page

Did you find this page helpful?