ReferenceError: selectedRows is not defined

I have a custom filament page. Super simple: an infolist and a table

<x-filament-panels::page>
    {{ $this->infolist }}

    {{ $this->table }}
</x-filament-panels::page>

<x-filament-panels::page>
    {{ $this->infolist }}

    {{ $this->table }}
</x-filament-panels::page>

When on this page i try to perform any actions i'm getting ReferenceError: selectedRows is not defined (screenshot attached). I realised that this happens only if the table has not been rendered yet. Meaning if the table is not in the viewport it won't be rendered (by default). If i scroll to render it then i can use the page normally without any issues

1 Reply

MAF•7mo ago

I have exactly the same problem. Did you find a solution? When I added bulk actions, I am getting more errors too A few more errors What I have noticed is all those functions are in table.js file, and the file is loaded successfully in the network log.

Gaming

Programming

ReferenceError: selectedRows is not defined