Wizard + Table

I am building a big wizard component and I am in the need for a table in a wizard section, but there's no built in support for that. I don't really see how I could also inject a livewire component in it. Has anyone figured out this?

I was leaning onto using the View::make(MyCustomComponent::class) but that leads to an undefined $table error meaning that it has no time to mount or something else is the problem.

 Step::make('Step 3')
                ->schema([
                   View::make('filament.pages.view-tickets'),
                ]),

 Step::make('Step 3')
                ->schema([
                   View::make('filament.pages.view-tickets'),
                ]),

Livewire\Exceptions\PropertyNotFoundException

Property [$table] not found on component: [app.filament.pages.edit-campaign]

class ViewTickets extends Page implements HasTable
{
    use InteractsWithTable;

    protected string $view = 'filament.pages.view-tickets';

    protected ?string $heading = '';

    protected static bool $shouldRegisterNavigation = false;

      public function table(Table $table): Table
    {
        return $table
            ->query(Ticket::query()->with(['user', 'assignedUser']))
.....

class ViewTickets extends Page implements HasTable
{
    use InteractsWithTable;

    protected string $view = 'filament.pages.view-tickets';

    protected ?string $heading = '';

    protected static bool $shouldRegisterNavigation = false;

      public function table(Table $table): Table
    {
        return $table
            ->query(Ticket::query()->with(['user', 'assignedUser']))
.....

The ViewTickets page works by default, but does not in my case when I try to inject it.

Solution

1 - add a table to a livewire component
2 - insert a livewire component into a schema

Rendering a table in a Blade view - Components - Filament

Custom components - Schemas - Filament

Jump to solution

Wizard + Table

 Step::make('Step 3')
                ->schema([
                   View::make('filament.pages.view-tickets'),
                ]),

 Step::make('Step 3')
                ->schema([
                   View::make('filament.pages.view-tickets'),
                ]),

Livewire\Exceptions\PropertyNotFoundException

Property [$table] not found on component: [app.filament.pages.edit-campaign]

class ViewTickets extends Page implements HasTable
{
    use InteractsWithTable;

    protected string $view = 'filament.pages.view-tickets';

    protected ?string $heading = '';

    protected static bool $shouldRegisterNavigation = false;

      public function table(Table $table): Table
    {
        return $table
            ->query(Ticket::query()->with(['user', 'assignedUser']))
.....

class ViewTickets extends Page implements HasTable
{
    use InteractsWithTable;

    protected string $view = 'filament.pages.view-tickets';

    protected ?string $heading = '';

    protected static bool $shouldRegisterNavigation = false;

      public function table(Table $table): Table
    {
        return $table
            ->query(Ticket::query()->with(['user', 'assignedUser']))
.....

The ViewTickets page works by default, but does not in my case when I try to inject it.

Solution

1 - add a table to a livewire component
2 - insert a livewire component into a schema

Rendering a table in a Blade view - Components - Filament

Custom components - Schemas - Filament

Jump to solution

Wizard + Table

Wizard + Table

Similar Threads

Similar Threads

Similar Threads