Rendering more than 1 table in a single page

✅ Solved4️⃣v4

Hi! I have been trying to render 2 Filament tables (with its Actions) on a Custom Page. It is currently working but I do think it is too verbose and curious if there is a simpler way on doing it.

Presently, I am using a blade view to render the Livewire Table Component (Table B) as a buffer to avoid {{ $this->table }} rendering the configured table (Table A) in the Custom Page as shown in the commented code below. The test2.blade.php file calls the Livewire Component of (Table B).

public function content(Schema $schema): Schema
{
return $schema
->components([
Tabs::make('Production Run Management')
->tabs([
Tab::make('Details') // Table A
->schema([
// View::make('module-mes::table-b-component') --> Calling the livewire component directly render the table rendered by EmbeddedTable::make() (Table A) instead of Table B
//     ->viewData([
//         'record' => $this->record,
//     ])
]),
Tab::make('Items') // Table A
->schema([
EmbeddedTable::make()
]),
Tab::make('Material Usage') // Table B
->schema([
View::make('module-mes::test2') // This open a plain blade that calls the livewire component (Table B)
->viewData([
'record' => $this->record,
])
]),
Tab::make('Report')
]),
]);
}

public function content(Schema $schema): Schema
{
return $schema
->components([
Tabs::make('Production Run Management')
->tabs([
Tab::make('Details') // Table A
->schema([
// View::make('module-mes::table-b-component') --> Calling the livewire component directly render the table rendered by EmbeddedTable::make() (Table A) instead of Table B
//     ->viewData([
//         'record' => $this->record,
//     ])
]),
Tab::make('Items') // Table A
->schema([
EmbeddedTable::make()
]),
Tab::make('Material Usage') // Table B
->schema([
View::make('module-mes::test2') // This open a plain blade that calls the livewire component (Table B)
->viewData([
'record' => $this->record,
])
]),
Tab::make('Report')
]),
]);
}

//test2.blade.php
<div>
@livewire('module-mes::table-b', ['record' => $record]) 
</div>

//test2.blade.php
<div>
@livewire('module-mes::table-b', ['record' => $record]) 
</div>

I don't feel that this is the most optimal way to generate the more than 1 table, but I don't know any other way.

Can anyone tell me if there is a better way on doing this? Thanks cool_tofu

Rendering more than 1 table in a single page

✅ Solved4️⃣v4

public function content(Schema $schema): Schema
{
return $schema
->components([
Tabs::make('Production Run Management')
->tabs([
Tab::make('Details') // Table A
->schema([
// View::make('module-mes::table-b-component') --> Calling the livewire component directly render the table rendered by EmbeddedTable::make() (Table A) instead of Table B
//     ->viewData([
//         'record' => $this->record,
//     ])
]),
Tab::make('Items') // Table A
->schema([
EmbeddedTable::make()
]),
Tab::make('Material Usage') // Table B
->schema([
View::make('module-mes::test2') // This open a plain blade that calls the livewire component (Table B)
->viewData([
'record' => $this->record,
])
]),
Tab::make('Report')
]),
]);
}

public function content(Schema $schema): Schema
{
return $schema
->components([
Tabs::make('Production Run Management')
->tabs([
Tab::make('Details') // Table A
->schema([
// View::make('module-mes::table-b-component') --> Calling the livewire component directly render the table rendered by EmbeddedTable::make() (Table A) instead of Table B
//     ->viewData([
//         'record' => $this->record,
//     ])
]),
Tab::make('Items') // Table A
->schema([
EmbeddedTable::make()
]),
Tab::make('Material Usage') // Table B
->schema([
View::make('module-mes::test2') // This open a plain blade that calls the livewire component (Table B)
->viewData([
'record' => $this->record,
])
]),
Tab::make('Report')
]),
]);
}

//test2.blade.php
<div>
@livewire('module-mes::table-b', ['record' => $record]) 
</div>

//test2.blade.php
<div>
@livewire('module-mes::table-b', ['record' => $record]) 
</div>

I don't feel that this is the most optimal way to generate the more than 1 table, but I don't know any other way.

Can anyone tell me if there is a better way on doing this? Thanks cool_tofu

Rendering more than 1 table in a single page

Similar Threads

Rendering more than 1 table in a single page

Similar Threads

Similar Threads

Similar Threads