livewire-datatables

livewire-datatables copied to clipboard

When installing Laravel with Jetstream and setting up livewire-datatables, I get a formatting error.

Here's how I set up Laravel:

curl -s https://laravel.build/test-app | bash 
cd test-app alias 
sail='bash vendor/bin/sail' 
sail up -d 
sail composer require laravel/jetstream 
sail php artisan jetstream:install livewire --teams 
sail npm install && sail npm run dev 
sail php artisan migrate

This is how I then installed livewire-datatables: sail composer require mediconesystems/livewire-datatables Then I let the following output <livewire:datatable model="App\Models\User" name="all-my-users" />

This leads to the following "incorrectly" formatted view

Please check if another sail npm run dev solves the issue. If so, consider leaving a sail npm run watch running in the background during development.

Also check that @livewireStyles and @livewireScripts are in the appropriate positions, as described in: https://laravel-livewire.com/docs/2.x/quickstart