Actions disappear after pagination when using Livewire 4.4 with PowerGrid 6

[EmilioVar]

Livewire PowerGrid version

V6.11.0

Livewire version

v4.4.4

Laravel version

V13.31.0

Which PHP version are you using?

PHP 8.3

Which Theme are you using?

Tailwind

Have you published the resource files and customized them? (php artisan vendor:publish)

No

What is the problem?

Bug: Actions disappear after pagination with Livewire 4.4

Description

I am experiencing an issue where PowerGrid action buttons disappear after changing the pagination page.

The actions are rendered correctly on the first page, but after clicking the next page, the Action column is empty and the action buttons are no longer displayed.

The same PowerGrid component works correctly when downgrading Livewire from 4.4.x to 4.3.x.

This makes me suspect a regression or compatibility issue between Livewire 4.4 and PowerGrid 6.x, possibly related to Livewire’s DOM morphing/diffing when the pagination component updates.

Steps to reproduce

1. Install PowerGrid 6.11.
2. Use Livewire 4.4.
3. Create a PowerGrid table with an action column.
4. Define actions using the actions() method.
5. Have enough records to enable pagination.
6. Load the first page.
7. The action buttons are displayed correctly.
8. Navigate to page 2.
9. The Action column remains, but the action buttons disappear.

Expected behavior

The action buttons should remain visible and functional after navigating between pagination pages.

Actual behavior

The action buttons are visible on the initial page, but disappear after navigating to another pagination page.
If you recharge in any pagination it looks again, it only happens when changing

Important observation

I tested the same application and PowerGrid component with different Livewire versions, And it is functional in the v4.3 of livewire

Additional information

There are no JavaScript errors in the browser console.

The issue appears specifically after the Livewire pagination update.

Could this be related to a change in Livewire 4.4’s DOM morphing/diffing behavior and how PowerGrid renders the action column?

Thank you.

Code snippets

use App\Models\ExampleModel;
use Illuminate\Database\Eloquent\Builder;
use PowerComponents\LivewirePowerGrid\Button;
use PowerComponents\LivewirePowerGrid\Column;
use PowerComponents\LivewirePowerGrid\PowerGrid;
use PowerComponents\LivewirePowerGrid\PowerGridComponent;
use PowerComponents\LivewirePowerGrid\PowerGridFields;

final class ExampleTable extends PowerGridComponent
{
public string $tableName = 'ExampleTable';

public function datasource(): Builder
{
    return ExampleModel::query()->orderByDesc('id');
}

public function fields(): PowerGridFields
{
    return PowerGrid::fields()
        ->add('id')
        ->add('vendor');
}

public function columns(): array
{
    return [
        Column::make('Id', 'id'),
        Column::make('Vendor', 'vendor'),
        Column::action('Action'),
    ];
}

public function actions(ExampleModel $row): array
{
    return [
        Button::add('edit')
            ->slot('Edit')
            ->class('d-btn d-btn-sm')
            ->tag('a')
            ->attributes([
                'href' => route('example.edit', [
                    'venta' => $row->id,
                ]),
            ]),

        Button::add('view')
            ->slot('View')
            ->class('d-btn d-btn-sm')
            ->dispatch('open-example-modal', [
                'ventaId' => $row->id,
            ]),
    ];
}

}

How do you expect it to work?

The action buttons should remain visible and functional after navigating between pagination pages.

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be removed if I haven't met the criteria above.