[Bug]: When searching and using the placeholder enabled, the table columns breaks

[slossetti]

What happened?

In my table, when I have the placeholder enabled. $this->setLoadingPlaceholderEnabled();

class UserTable extends DataTableComponent
{
    protected $model = User::class;

    public function configure(): void
    {
        $this->setPrimaryKey('id');
        $this->setLoadingPlaceholderEnabled();
    }

    public function columns(): array
    {
        return [
            Column::make("Id", "id")
                ->sortable(),
            Column::make("Name", "name")
                ->sortable(),
            Column::make("Email", "email")
                ->sortable(),
            Column::make("Created at", "created_at")
                ->sortable(),
            Column::make("Updated at", "updated_at")
                ->sortable(),
        ];
    }
}

and when searching using the search input, the table display breaks when showing results.

Before search

After search

After remove the searched word

How to reproduce the bug

$this->setLoading Placeholder Enabled();

Then tries to search something.

Package Version

3.4.20

PHP Version

8.2.x

Laravel Version

10 and 11

Alpine Version

No response

Theme

Tailwind 3.x

Notes

No response

Error Message

No response

[lrljoe]

Thanks for the bug report, I've identified the issue, and will issue a fix in the next 48 hours.

[lrljoe]

This will be fixed in v3.4.22 (to be released later today)

[lrljoe]

Version was released, please reach out if there is still an issue