how render a table inside a tab?

hi i would like to load a table inside a tab like image attached, but that table should lookup info depending on the selected user id. i know i need to create a livewire custom component, but any idea to follow? and also another question how i call that livewire component inside lets say Tab #2. any tip appreciate it. thank you

Solution

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

Jump to solution

Aagaitan026 hi i would like to load a table inside a tab like image attached, but that table...

LeandroFerreira•11/4/24, 8:06 AM

1 - Create a LW component and add the table:
https://filamentphp.com/docs/3.x/tables/adding-a-table-to-a-livewire-component

2 - Insert the LW component

...
return $form
    ->schema([
        Tabs::make('Tabs')
            ->tabs([
                Tabs\Tab::make('Tab1')
                    ->schema([
                        Livewire::make(YourCustomTable::class)
                    ])
            ])

...
return $form
    ->schema([
        Tabs::make('Tabs')
            ->tabs([
                Tabs\Tab::make('Tab1')
                    ->schema([
                        Livewire::make(YourCustomTable::class)
                    ])
            ])

Adding a table to a Livewire component - Table Builder - Filament

agaitan026OP•11/4/24, 1:19 PM

thank you, im getting this Class "App\Filament\Resources\Livewire" not found

krekas•11/4/24, 1:20 PM

import livewire namespace

agaitan026OP•11/4/24, 1:21 PM

how? im already using namespace App\Filament\Resources; inside

agaitan026OP•11/4/24, 1:22 PM

namespace App\Filament\Resources;
namespace App\Livewire; if i put this i got error

Aagaitan026 hi i would like to load a table inside a tab like image attached, but that table...

Firebat•11/4/24, 1:26 PM

you could create a relation manager

Firebat•11/4/24, 1:26 PM

and then

Firebat•11/4/24, 1:26 PM

put it on a tab https://filamentphp.com/docs/3.x/panels/resources/relation-managers#combining-the-relation-manager-tabs-with-the-form

Managing relationships - Panel Builder - Filament

Aagaitan026 hi i would like to load a table inside a tab like image attached, but that table...

Firebat•11/4/24, 1:28 PM

unless you want to use the table shown on the image

agaitan026OP•11/4/24, 1:29 PM

yes should be almost the same, the idea is for me to see invoices from that selected client without going to another menu item

Firebat•11/4/24, 1:29 PM

then that example would work

Firebat•11/4/24, 1:29 PM

if you have declared on the model the relations correctly

agaitan026OP•11/4/24, 1:30 PM

and why not the custom lw component?

Firebat•11/4/24, 1:31 PM

well you can always go with the custom, i just thought that if you are building a fillament app you would want to use already built tools

Aagaitan026 namespace App\Filament\Resources; namespace App\Livewire; if i put this i got e...

LeandroFerreira•11/4/24, 1:32 PM

\Filament\Forms\Components\Livewire::make(YourCustomTable::class)\Filament\Forms\Components\Livewire::make(YourCustomTable::class) actually

FFirebat well you can always go with the custom, i just thought that if you are building ...

agaitan026OP•11/4/24, 1:32 PM

and how i put that relation inside a tab?

LLeandroFerreira `\Filament\Forms\Components\Livewire::make(YourCustomTable::class)` actually

agaitan026OP•11/4/24, 1:33 PM

Tabs\Tab::make('Tab 2')
->schema([
\Filament\Forms\Components\Livewire::make(ClientesFacturas::class)
]), like this?

Aagaitan026 and how i put that relation inside a tab?

Firebat•11/4/24, 1:33 PM

do you know how the relation manager works? if you dont it uses the model relation like HasMany, HasOne, BelongsTo

Firebat•11/4/24, 1:33 PM

and others

Firebat•11/4/24, 1:34 PM

and then it returns the table of relations

Aagaitan026 Tabs\Tab::make('Tab 2') ->schema([ \Filament\Forms\C...

LeandroFerreira•11/4/24, 1:34 PM

yep

Firebat•11/4/24, 1:35 PM

https://filamentphp.com/docs/3.x/panels/getting-started#introducing-relation-managers

Getting started - Panel Builder - Filament

Firebat•11/4/24, 1:35 PM

here, it will explain better than me

LLeandroFerreira yep

agaitan026OP•11/4/24, 1:36 PM

Unable to find component: [App\Filament\Resources\ClientesFacturas]
i got my class inside app/filament/livewire/

FFirebat https://filamentphp.com/docs/3.x/panels/getting-started#introducing-relation-man...

agaitan026OP•11/4/24, 1:36 PM

ty. will try both ways to see which fits in my case, thank you

Aagaitan026 Unable to find component: [App\Filament\Resources\ClientesFacturas] i got my cla...

LeandroFerreira•11/4/24, 1:36 PM

Did you create this LW component ClientesFacturasClientesFacturas?

LLeandroFerreira Did you create this LW component `ClientesFacturas`?

agaitan026OP•11/4/24, 1:37 PM

yes

Solution

Aagaitan026 yes

LeandroFerreira•11/4/24, 1:38 PM

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

 \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas::class)

LLeandroFerreira ```php \Filament\Forms\Components\Livewire::make(\App\Livewire\ClientesFacturas...

agaitan026OP•11/4/24, 1:41 PM

works good thank you so much

krekas•11/4/24, 2:12 PM

Maybe do some research about namespaces

how render a table inside a tab?

Similar Threads

Similar Threads

Similar Threads