Instalar paquete laravel-livewire-tables
Comprar curso

6. 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.


10 comentarios

Inicia sesión para comentar

Comentarios:

  • Victor Arana Flores

    Victor Arana Flores hace 1 año 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 8 meses

      ?

  • Ricardo Godoy

    Ricardo Godoy hace 6 meses

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

    • Victor Arana Flores hace 5 meses

      Ejecutalo de esta manera

      composer show rappasoft/laravel-livewire-tables "3.0.0-beta.2"

  • Paulo Andrès Serna Orozco

    Paulo Andrès Serna Orozco hace 6 meses

    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

    Paulo Andrès Serna Orozco hace 6 meses

    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

    Paulo Andrès Serna Orozco hace 6 meses

    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 6 meses

      Hola Paulo, podrías darme un poco más de información por favor.

      Antes de cambiar todo funcionaba correctamente?

  • Lingber Sandoval

    Lingber Sandoval hace 7 meses

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

  • Alexis Mendoza

    Alexis Mendoza hace 7 meses

    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 6 meses

      me sale el mismo error, si alguien podría brindar apoyo!! gracias

    • Victor Arana Flores hace 6 meses

      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

    Sammy Joseph hace 7 meses

    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 7 meses

      Hola Sammy, muchas gracias por el aporte.

  • Claudia Cruz García

    Claudia Cruz García hace 1 año

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

  • Hamilton Rivera

    Hamilton Rivera hace 1 año

    prof, dónde encuentro el enlace ?