Laravel: Livewire Tables - DataTables en Cuestión de Minutos

[@statuqo]

Muy interesante Luis. Este tipo de paquetes te ayuda a concentrarte en lo importante y ser más productivo. Gracias por compartir tu conocimiento.

[@codewithluis]

Si tea ahorra mucho tiempo, y asi puedes avanzar con lo demas. Saludos.

[@jhosagidpirelapineda7808]

Gracias Luis, excelente video.

[@codewithluis]

Muchas gracias. Saludos.

[@HoracioDegiorgi]

buen paquete. funciona bien con laravel genesis. iré probando los estilos porque algo se descuadra en el dashboard.

[@codewithluis]

Si, solo los publicas y lo puedes personalizar tiene esa ventaja. Saludos.

[@albertonunezm]

Gracias por este material, esta muy interesante, me pregunto si existe la posibilidad de crear un filtro o ajustar el filtro para que funcione con Select2 por ejemplo, que me permita escribir el nombre de varias ciudades por ejemplo e ir filtrando de forma dinámica sin tener que seleccionar con checkbox.

[@codewithluis]

Gracias Alberto. No sé si se pueda integrar select2, por lo que al menos con la versión 2 de Livewire daba algunos problemas y muchos paquetes no le dieron soporte por lo mismo, pero si puedes hacer filtros personalizados y también puedes hacer el filtro con un select, incluso puedes filtrar por relaciones, revisa el link ramonrietdijk.github.io/livewire-tables/usage/filters.html y me avisas si eso te ayuda con lo que buscas. Saludos.

[@Avefenixfuego8]

Hola Luis, estoy poniéndome al día con tus vídeos. Voy a empezar un proyecto nuevo con Laravel 10,precisamente con Laravel 10 y me gustaría saber tu opinión personal. He trabajado siempre con adminlte(lleva Bootstrap) y principalmente con datatables. He visto ella video y me parece genial está librería, pero lo que yo quiero va más allá y seguramente tenga que hacer muchas modificaciones con el datatables, me conozco muy bien la librería datatables jquery, y la verdad me da miedo usar otras como la de la video principalmente cuando quiera hacer algo puntual y más complejo, y prefiero hacer algo más manual MVC ejecuto la consulta y lo muestro en la vista. Por eso te pregunto cuál es el stack que sueles utilizar en tus proyectos. Tampoco quiero sufrir lo que le pasó a Jetstrap que en su día fue muy buena opción pero se quedó obsoleto cuando salió vite y no se podía actualizar. Gracias Luis

[@codewithluis]

Hola Rafa, un gusto saludarte. No sé si te puedes esperar un poco, ya casi sale Laravel 11, sino Laravel 10 es una opción sólida y te esperas un tiempo antes de actualizar. Con respecto a tu pregunta, en Laravel hay una tendencia muy fuerte al TALL stack (Tailwind, Alpine, Livewire y Laravel), en lo personal yo prefiero boostrap, adminlte sigue siendo una buena opción, pero asegurate de usar una versión que esté actualizada a bootstrap 5. Yo cuando creo un proyecto desde cero, prefiero usar bootstrap y jquery datatables, pero a veces los clientes ya tienen una plantilla que quieren usar y me adapto a eso o a veces el requisito es usar una datatable con livewire y me toca usar un paquete como el del video. Mi sugerencia trabaja con lo que estés más cómodo, siempre vas a encontrar mercado, pero cuando tengas algo de tiempo aprende otra tecnología al menos las bases porque te puede servir. Si puedes hacer proyectos en bootstrap y tailwind vas a tener un rango más amplio de clientes. Y ya salió jQuery 4 así que las datatables me imagino las van a actualizar y van a estar ahí por un buen rato, es un paquete muy usado y con eso no vas a tener problemas. En resumen, yo uso bootstrap y jquery datatables si depende de mí, pero también me adapto a los requisitos de los clientes cuando tengo que hacerlo. Espero haberte ayudado sino podemos ver cuando sacamos tiempo para una reunión. Saludos.

[@Avefenixfuego8]

@@codewithluis Muchas gracias por la ayuda, me quedo más tranquilo saberlo, voy a instalar L10 mejor que la 11 aún tendrá cosas por mejorar. Con respecto a adminlte la versión gratuita es con Bootstrap v4, pero tampoco veo tanta diferencia salvo nuevas opciones para diferentes pantallas, usar Bootstrap es por la simpleza de usar un panel responsive.

[@codewithluis]

@@Avefenixfuego8 digamos las diferencias no son tanto en la plantilla sino en bootstrap como tal Te paso las diferencias, imagino que ya las sabes pero de igual forma por si hay alguna que conoces, te comparto el link www.eniun.com/diferencias-bootstrap-4-bootstrap-5/

[@Avefenixfuego8]

@@codewithluis Muchas gracias Luis, no sabía todas las diferencias, aunque es cierto que puede ir un poco mejor la 5,creo que voy aprovechar la versión gratuita de adminlte que es la 4,no veo tanta diferencia significativa

[@codewithluis]

@@Avefenixfuego8 si, de momento la version 4 anda bien. Cualquier cosa me avisas. Saludos

[@gustavoparedes4104]

Hola Sr. Luis, gusto en saludar, aprovecho para felicitarlo por todos sus videos, es un crack, y a su vez para preguntarle como hacer para que los botones de Editar y Eliminar funcionen con Livewire ya que los tengo en otro archivo, no veo el funcionamiento si me puede dar una sugerencia. muchas gracias

[@codewithluis]

Hola, muchas gracias por tus palabras. Un ejemplo es usando el view column, te creas el respectivo archivo con los botones y los mandas a llamar Te paso el link ramonrietdijk.github.io/livewire-tables/usage/columns.html#view-column

[@gustavoparedes4104]

@@codewithluis muchas gracias

[@ivanriquelme6922]

muchas gracias por el video Luis, te consulto estoy queriendo enviar parametros al boton ya que este abre un modal, de que forma puedo hacerlo, intento con ->with('id_tipo','id_tipo') pero no recibo nada. muchas gracias

[@codewithluis]

De nada, tendria que ver un poco de codigo para ver que esta saliendo mal.

[@ivanriquelme6922]

@@codewithluis hola gracias por contestarme, ya lo solucione personalizando un poco el datatable

[@codewithluis]

@@ivanriquelme6922 ah ok, me alegro que al final lo pudiste arreglar. Saludos

[@pipe201196]

al agregar las acciones de los botones, como puedo hace runa redireccion a una ruta? pasando el id del usuario por ejemplo? muchas gracias

[@codewithluis]

Sinceramente no recuerdo, hace tiempo no uso el paquete pero debe estar en la documentacion

[@marcoantoniosotomayorlopez3669]

Otra consulta, yo tengo mi proyecto en laravel 10 y livewire 2 ,como puedo usarlo porque creo que cambiaron sus requisitos,porfavor

[@codewithluis]

Podrías intentar usando una versión en específico, al momento de instalar le colocas la versión que deseas instalar, eso si hay que ir a al repositorio del paquete para ver si tienen una versión más vieja que funcione con Laravel 10.

[@marcoantoniosotomayorlopez3669]

Disculpe y como se podría quitar los cuadros de la izquierda ,tengo este codiigo protected string $model = User::class; protected $listeners = ['resetTable']; public function query(): Builder { return User::where('type_user', roleUser::useradmin); } public function columns(): array { return [ Column::make('Nombres Completos', function ($row) { return $row->name . ' ' . $row->last_name; }, 'name_last_name')->isCheckbox(false), Column::make('Nombres Completos', function ($row) { return $row->name . ' ' . $row->last_name; }, 'name_last_name')->isCheckbox(false), Column::make('Email', 'email', 'email')->isCheckbox(false), Column::make(__('Actualizar'), function (User $user): string { return 'Actualizar'; })->asHtml(), ]; } public function getUser($userId) { $user = User::findOrFail($userId); $this->emit('userDataReceived', $user->toArray()); } ala cual solo le agrego protected bool $useSelection = false; pero nada e intentado varias formas pero no se quita ese cuadro de selección

[@codewithluis]

Intenta usando el método protected function canSelect() { return false; }