Crear nuevo componente
Comprar curso

8. Crear nuevo componente

En este tema aprenderás a crear un nuevo componente de tabla utilizando Laravel Livewire Tables. Te mostraremos cómo definir y personalizar el componente de tabla para que se adapte a tus necesidades.


9 comentarios

Inicia sesión para comentar

Comentarios:

  • Luis Enrique Manzano Alvarez

    Luis Enrique Manzano Alvarez hace 4 semanas

    Hola, sigo varios de tus cursos de pago y también en youtube. Estaría fenomenal una breve actualización de este de tablas a laravel 12. Un saludo y gracias de antemano

    • Victor Arana Flores hace 4 semanas

      Hola Luis, Datatable lo puedes instalar en cualquier version de Laravel.

      Quizás lo que quieres decir es implementarlo en el nuevo kit de inicio que trae Laravel, y eso por el momento no es posible, ya que el paquete trabaja con Tailwind 3, mientras que el nuevo kit de inicio trabaja con Tailwind 4.

      En los primeros capitulos enseño a como instalar un nuevo proyecto en Laravel 12 con el kit de inicio Jetstream, y de esa manera seguir con exito el curso

    • Luis Enrique Manzano Alvarez hace 4 semanas

      Gracias Victor

  • Gonzalo Peñaloza

    Gonzalo Peñaloza hace 9 meses

    Hola Victor, Al cargar la pagina web no me muestra el buscador, las opciones de columna ni el numero de registros por pagina, una vez que doy a algun filtro de ordenado me los muestra, por que crees que me pasa eso? 

    Desde ya muchas gracias

    • Victor Arana Flores hace 9 meses

      Hola Gonzalo, asegurate de crear un virtualhost y todas las configuraciones que hago en el capitulo 1

  • Julian Elizondo

    Julian Elizondo hace 1 año

    Buenas Victor, si deseo hacer las tablas con un API hay alguna forma en especifico que se pueda realizar?

     

    • Victor Arana Flores hace 11 meses

      Hola Julian, estas tablas están hechas para trabajar con Livewire no con una api.

  • Edgar Suarez Champa

    Edgar Suarez Champa hace 1 año

    Buenas noches, llegué a crear mi componente y me muestra los datos de mi base de datos pero no me muestra el buscador, ni la paginación de data table, use “npm run build” desde consola pero nada, qué podría estar fallando. Desde ya muchas gracias.

  • Jhonathan Sosa

    Jhonathan Sosa hace 1 año

    php artisan make:datatable ArticleTable Article

      ERROR  Command "make:datatable" is not defined. Did you mean one of these?

     

    me ale este error haciendo exactament lo 

    • Victor Arana Flores hace 1 año

      Hola Jonathan, si te sale ese error significa que no has hecho exactamente lo mismo.

      El error te dice que no reconoce el comando make:datatable, lo cual significa que no has instalado el paquete.

      Si lo has hecho, te recomiendo cerrar la terminal y volver a abirlo

    • Jhonathan Sosa hace 1 año

      se soluciono cerrando el terminal mucha gracias

  • Diego Miguel Saravia Sanchez

    Diego Miguel Saravia Sanchez hace 1 año

    Hola Victor, y si estoy consumiendo una api como podria mostrarlo en el Datatable los datos ? 

    • Victor Arana Flores hace 1 año

      Hola Diego, cuando crear un nuevo componente de datatable te pide asociarlo a un modelo, así que lamentablemente si es una api externa no podrías.

      Te recomiendo utilizar algun datatable creado con js.

  • Cristian Hernandez

    Cristian Hernandez hace 1 año

    Uncaught ReferenceError: require is not defined
       at bootstrap.js:1:1 porque me sale este error ?

    • Cristian Hernandez hace 1 año

      window._ = require('lodash');

  • Enuar Rosales

    Enuar Rosales hace 1 año

    hola buena tarde estoy tratando de impelmentar estas tablas en mi proyecto pero  me sale el siguiente error Unable to find component: [asignacionMulta-table]

    • Victor Arana Flores hace 1 año

      Hola Enuar, el mensaje es bastante claro, no se puede encontrar dicho componenente.

      Asumiré que el componente se llama AsignacionMultaTable. Tal y como se accede a cualquier componente Livewire, deberías acceder a este de la siguiente manera asignacion-multa-table

  • Victor Arana Flores

    Victor Arana Flores hace 2 años

    La generación de componentes de tabla de datos se puede realizar fácilmente en Laravel Livewire utilizando el comando make:datatable. Para crear un nuevo componente de tabla de datos llamado UserTable que use el modelo App\Models\User, simplemente ejecute el siguiente comando en la línea de comandos:

    php artisan make:datatable UserTable User

    Esto creará un nuevo archivo UserTable.php en el directorio app/Http/Livewire, que contendrá la definición del componente de tabla de datos. El componente generado por defecto extenderá la clase Rappasoft\LaravelLivewireTables\DataTableComponent y tendrá implementados dos métodos mínimos, configure y columns.

    El método configure es donde se configura el componente, y el método columns define las columnas que se mostrarán en la tabla de datos. Es posible personalizar aún más el componente generado para adaptarlo a las necesidades específicas de su aplicación.