
Adquiere este curso para tener acceso a todas las lecciones
Comprar curso6. Instalar paquete laravel-livewire-tables
En este tema aprenderás a instalar y configurar el paquete Laravel Livewire Tables en tu proyecto Laravel. Te enseñaremos los requisitos y pasos necesarios para instalar el paquete y hacer que funcione correctamente.
9 comentarios
Inicia sesión para comentar
Comentarios:
-
Victor Arana Flores hace 6 meses Destacado
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>
-
Victor Arana Flores hace 2 meses
?
-
-
Paulo Andrès Serna Orozco hace 1 semana
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.
-
Paulo Andrès Serna Orozco hace 1 semana
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.
-
Paulo Andrès Serna Orozco hace 2 semanas
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.
-
Victor Arana Flores hace 2 semanas
Hola Paulo, podrías darme un poco más de información por favor.
Antes de cambiar todo funcionaba correctamente?
-
-
Lingber Sandoval hace 3 semanas
prf
lo quiero utilizar con boostrad5 ! por que todo mi proyecto ya esta en boostrad . alguna ayuda?-
Victor Arana Flores hace 2 semanas
Hola Lingber, publica el archivo de configuracion de datatable, y especifica la versio de Boostrap con la que estas trabajando
https://rappasoft.com/docs/laravel-livewire-tables/v2/start/configuration
-
-
Alexis Mendoza hace 1 mes
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
-
Maria Luisa Palomeque Flores hace 2 semanas
me sale el mismo error, si alguien podría brindar apoyo!! gracias
-
Victor Arana Flores hace 2 semanas
Hola, voy a revisarlo y solucionarlo para el lunes. Les pido las disculpas del caso, siempre que hay una actualizacion ocurre este tipo de cosas.
-
-
Sammy Joseph hace 1 mes
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-
Victor Arana Flores hace 1 mes
Hola Sammy, muchas gracias por el aporte.
-
-
Claudia Cruz García hace 6 meses
¿Cuál es el enlace para la instalación del paquete?
-
Victor Arana Flores hace 6 meses
Hola Claudia, te comparto el link: https://rappasoft.com/docs/laravel-livewire-tables/v2/start/configuration
-
-
Hamilton Rivera hace 6 meses
prof, dónde encuentro el enlace ?
-
Victor Arana Flores hace 6 meses
Hola Hamilton, te comparto el link de la documentación aquí https://rappasoft.com/docs/laravel-livewire-tables/v2/start/configuration
-