6. Instalar paquete laravel-livewire-tables

Actualmente el paquete no es compatible con Livewire 3, por lo que se debe trabajar con livewire 2

Luego de hacer el cambio a Livewire 2 es importante ejecutar este comando

php artisan view:clear

Instalación: 

Si estás buscando una forma fácil de instalar Laravel Livewire Tables, utiliza Composer y ejecuta el siguiente comando:

composer require rappasoft/laravel-livewire-tables

Configuración:

La configuración del paquete es opcional, pero si deseas personalizarlo, aquí tienes algunos comandos de publicación para ajustar las vistas, las traducciones y los activos del paquete:

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-config
php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-views
php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-translations

En la configuración, puedes elegir el tema que prefieras: Tailwind (el predeterminado), Bootstrap 4 o Bootstrap 5.

Purga de Tailwind:

Si utilizas la purga de CSS de Tailwind y experimentas problemas de estilo, deberás agregar una ruta a las vistas del paquete para que Tailwind no elimine los estilos necesarios. Esto es lo que debes hacer en el archivo tailwind.config.js:

// V2
module.exports = {
    mode: 'jit',
    purge: [
        ...
        './vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php',
    ],
    ...
};

// V3
module.exports = {
    content: [
        ...
        './vendor/rappasoft/laravel-livewire-tables/resources/views/**/*.blade.php',
    ],
    ...
};

Capa Alpine.js:

Por último, es importante que agregues el estilo global de Alpine.js a tu proyecto. Ingresa a resources/css/app.css y escribe esto:

<style>
    [x-cloak] { display: none !important; }
</style>

Hola, como podría hacer para instalar la versión 3 (beta) que ya soporta livewire 3 ?

Buena tarde.

encontrè la soluciòn: Se debe incluir en cada pàgina donde se incluya la tabla las siguientes directivas: 

@section('css')

    @livewireStyles

@stop

@section('js')

    @livewireScripts

@stop.

Victor buena tarde.

lo que hice fue crear el proyecto, instalar bootstrap, instalar datatable, cambiar el tema del datatable a bootstrap-5, cree el componente, pero no funciona el paginador, las columnas, número de registros, ordenamiento.

Gracias por su atención.

Victor buen dìa.

Cambien el tema a bootstrap-5, se ve bien pero no tiene funcionalidad, el paginador, la cantidad de registros, el ordenamiento.

Gracias por su colaboraciòn.

prf 
lo quiero utilizar con boostrad5 ! por que todo mi proyecto ya esta en boostrad . alguna ayuda?

Al momento de hacer el downgrade a la version 2.12 de livewire me arroja el siguiente error: Class "Livewire\Mechanisms\FrontendAssets\FrontendAssets" not found

El error me lo marca en esta linea:

Alguna solución? 

     <!-- Styles -->
        @livewireStyles

Al crear un proyecto nuevo hoy, la versión por defecto de Livewire es 3.0 (se puede ver en el archivo composer.json):
"livewire/livewire": "^3.0"

Pero actualmente livewire-tables solo acepta hasta la versión 2:
Laravel Livewire 2.x

Así que para poder trabajar con este paquete, primero debes modificar el archivo composer.json y cambiar la versión de livewire a:
"livewire/livewire": "^2.12"

Luego necesitas actualizar livewire desde la consola:
composer update livewire/livewire

Finalmente ya podrás instalar el paquete del curso:
composer require rappasoft/laravel-livewire-tables

¿Cuál es el enlace para la instalación del paquete?

prof, dónde encuentro el enlace ?