Table actions slow, how to prevent table re-renders when executing "unrelated" actions

[ledezma401]

Package

Table builder

Package Version

v3.2.92

How can we help you?

Hi,

I have a a standard table

properties-table.blade.php

<div>
    {{ $this->table }}
</div>

PropertiesTable.php

    public function table(Table $table): Table
    {
        return $table
            ->paginated([5, 10, 25, 50])
            ->headerActions([...])
            ->query(Property::query())
            ->columns([...])
            ->deferLoading()
            ->actions([
              ActionGroup::make([
                    Action::make('mappings')
                        ->label('Mappings')
                        ->icon('heroicon-m-link')
                        ->modalHeading(fn (Property $record) => 'Property Mappings - ' . $record->code . ' ' . $record->name)
                        ->form(fn() => PropertiesTable::getMappingSchema()),
                ]),
            ]);
    }

PropertiesTable::getMappingSchema()

    private static function getMappingSchema(): array {
        return [
            Grid::make(1)
                ->schema([
                    Repeater::make('mappings')
                        ->label('Mappings')
                        ->columns(2)
                        ->relationship('mappings')
                        ->schema([
                            Select::make('supplier')
                                ->label('Supplier')
                                ->options(fn ()=> array_combine(SupplierNameEnum::getValues(), SupplierNameEnum::getValues()))
                                ->default(fn ($record) => $record?->supplier)
                                ->required()
                                ->distinct(),

                            TextInput::make('supplier_id')
                                ->label('Supplier ID')
                                ->default(fn ($record) => $record?->supplier_id)
                                ->required(),

                            Hidden::make('match_percentage')
                                ->default(fn ($record) => $record?->match_percentage ?? 100),
                        ])
                        ->default(fn($record) => $record->mappings->toArray())
                        ->addActionLabel('Add a Mapping'),
              ])
        ];
    }

• When I click the "Mappings" action it opens a modal with a form, this form has rows for each existing mapping to be added/updated which are related to "Property"
• When i click "Add a mapping" it can take up to 2s to update the UI with the new row for the new mapping.
• The issue is that whenever I hit "Add a mapping", the whole table is re-rendered and the query is re-run. This is a query that loads 1million records and paginates them, which is ok to take 2s. But this makes the UI updates extremely sluggish.

How can I prevent the whole table to re/render or the query to be re-run when simply adding a new row on the mappings form?

I know the issue is the query being run each time because when i modify it to be ->query(Property::query()->where('id', 1)) the update speed drops from 2s to 1s. Which is still laggy for a simple UI update, but I pressume if no DB is called, it would become more responsive.