01 - Cómo mostrar tablas profesionales con el plugin Datatables y Laravel

[@eloquent2200]

I don't know Spanish, but this guy made the best guide, how to use Datatables in Laravel. If you mute the sound and repeat everything from this video it will be working) Gracias! PS: I used @stack and @push, instead @yiend and @content, because PHPStorm starting showing errors.

[@456123zero]

Te amo we. Se que esto es poco, pero de verdad, me impulsaste de nuevo a seguir, ya me sentía muy atascado con estas tablas jajaajaja. Muchas gracias amigo.

[@jmaurich]

Que fácil y sencillo lo haces campeón, y que claro en tus conceptos. Muchísimas gracias por compartirlo.

[@michaelyara2975]

Bastante completo compañero, muchas gracias!, Con ansias esperando el próximo

[@EusebiVidal]

Gracias, me ha ido de lujo! Sobre todo la parte responsiva del final.

[@EusebiVidal]

@@lgxbriel creo que sii

[@lebaf8661]

Gracias por la ayuda. Saludos.

[@hernangb16]

Excelente video estuve días con este problema una solución bien explicada. Por favor tienes videos que contenga el datatable botones edit, show y delete.

[@rubendarioisla]

Gracias por tu apoyo con estos tutoriales. Tieens alguna manera de mostrar columnas con progresive bar?

[@edwinbautista2905]

Saludos Crack, excelente video, haz el crud de esa tabla!

[@reneisaias2755]

Excelente explicación y que gran forma de observar los pequeños errores XD

[@juanvanegas5515]

Me fue muy útil, gracias.

[@luisvivanco7170]

eres un crack, video perfecto 10/10

[@juanbernal6786]

Me funciona solamente cuando uso adminlte, si intento usasr el layout app deja de funcionar, como podria corregir esto?

[@grdangom]

gracias me sirvió para corregir errores

[@Jeancarlos-qv9pj]

Victor segui todos los pasos pero la parte responsive no me funciona, podrias revisar si algo cambio

[@makunouchi9633]

solo me aparece el boton del responsive en el primer columna??, a que se deberá ya revise bien mi código.

[@maytechnologies9504]

Excelente buen Tips....

[@anonibox]

Excelente. Muchas gracias

[@fcomosan]

Hola Gracias por el video. Te queria pedir si puedes hacer un tutorial de como utilizar select2 con laravel, para ver como seleccionar y pasar el item seleccionado a u a tabla. Obvoamente explicado en su estilo. Explicas muy bien bro. Gracias

[@CodersFree]

Si claro. Voy a aprovechar el proyecto que estoy haciendo, y mañana grabo un video explicando cómo usar el plugin select 2

[@santiagolopera5866]

Quiero optimizar las consultas del controlador y estoy poniendo el método paginate(20) o con cualquier numero pero la consulta se queda frenada en esa cantidad para distribuir esas 20 filas en las páginas de los datatables. Si dejo los datatables con la paginación y todo lo que incluye y en el controlador solo uso los métodos ::All() y get() será que automáticamente jquery y Laravel me optimizan cuando los registros sean miles? o como manejaría esa parte para customizar la paginación y las consultas en los controladores? Gracias colegas... Amo Coders Free

[@kevincitoelcaver1328]

Hola, buen día, con datables también se puede buscar por datos relacionados a otra tabla ?

[@Alex-tl3nx]

como podria implementarlo ya use todos los links pero para esa vista no estoy usando admin lte

[@juanluissalazar769]

que tal? buen video, y gracias por tu explicación detallada, tengo una duda, si tengo mas de una tabla hay que hacer ese procedimiento para todas? o existe algún método para reutilizar código?

[@torrestex]

en que videos pusiste esa tabla?

[@Marrueko]

en donde se encuentra adminlte::page

[@RaúlMelgarejoTeran]

Como lo usas en todo el proyecto el Datatables

[@da_te_llo2157]

La paginación se me coloca al centro y no al costado 😓 lo mismo con el buscar

[@frezzer33]

amigo este video es la continuacion del 4 vídeo de agg adminlte?

[@danielpinilla9679]

Excelente, estoy viendo como hago para trabajar con los checkbox ya que tengo la necesidad de hacer seleccion multiple, te agradeceria mucho si haces un tutorial de como hacerlo.

[@CodersFree]

Justo estaba pensando grabar un video en el que explico como trabajar con el paquete Laravel collective. Laravel collective te facilita tremendamente el trabajar con formularios. En el transcurso de los días estaré grabando un video explicando eso 😄

[@danielpinilla9679]

@@CodersFree Seria genial, el tema de los checkbox ya lo he manejado con tablas paginadas normales de laravel pero no he podido con datatables, seria muy util.

[@TheNinroth]

Excelente video y fácil de implementar, amigo una consulta: Me encontré con un error y es que en la segunda hoja de la paginación los botones no me funcionan, tengo botón de eliminar( este botón abre un modal para eliminar ) pero no me funciona después de la segunda hoja de paginación. Gracias

[@donyhernandez8108]

Buenas gracias por tus enseñanza, use tus videos para crear unas tablas con diseño profesional y funciono en laravel 7 pero ahora por el cambio de versión a laravel 8 no se porque motivo usos la misma estructura para realizar nuevas tablas y no funciona, estoy usando bootstrap y jquery, muchas gracias por la informacion que me puedas brindar.

[@haresjetic4754]

Por ejemplo si tengo mas de 20.000 datos, como hago uso de serverside ??

[@juanlopez1625]

gracias me re sirvio

[@matiasmontoya3036]

Gran video, una consulta. En mi tabla tengo datos y un botón (editar), funciona todo bien, pero al momento de usar responsive, el botón (editar) no funciona pero sí al momento de tener la tabla sin responsive. Que podría hacer para solucionar eso?

[@diegoospina9069]

Como puedo hacer para que me tome el datatable, sigo tal cual el video y no me funciona

[@alexo2537]

Tengo un problema instale el DataTable Yajra pero no me funciona el buscar ni el ordenar, lo configure haber si estaban activados y nada.

[@danielmartinez4045]

tengo el mismo problema, pudiste resolverlo amigo?

[@alexo2537]

@@danielmartinez4045 Pues quite todo lo que tenia y hize la tabla denuevo y hay me volvio a funcionar, no se en que ira.

[@danielmartinez4045]

@@alexo2537 gracias, pues trataré de hacerlo de nuevo, espero me funcione. Gracias.

[@frezzer33]

Gracias Mostro!!!

[@hectorenriquehernandezbanu813]

Me muestra los datos correctamente pero no me muestra la barra ed busqueda ni los botones

[@chavezJRfan1998]

hola, gracias por tus videos. ¿tienes alguna idea de por qué a pesar de haber agregado autowidth: false sigue fallando esa parte que no se adapta automaticamente al aumentar el tamaño de la pantalla? Gracias.

[@CodersFree]

Hola, el nombre de la propiedad es autoWidth , la w en mayúscula. Puede que estés escribiendo mal el nombre

[@chavezJRfan1998]

@@CodersFree 😶 gracias

[@alfonzzoj]

Hola alguien sabe como modificar las propiedades de datatable una vez inicializada ?

[@lesterpacheco9316]

bien explicado falta el crud de esta tabla!!!! :)

[@CodersFree]

Estoy terminando de desarrollar la plataforma de Coders Free. Ni bien la termine continuó con la serie. Pero por si te interesa ya esta el segundo video en el que explico como traducir datatable

[@juandiegonal1990]

@@CodersFree Hola, te pregunto ¿Ya está público el video para traducir DataTable?

[@CodersFree]

Si amigo, lo subi hace una semana. El video que me falta es como hacer un crud

[@videoprueba]

A mi no me funcionan los cambios en datatable. Para que funcione datatable tengo que agregar "let table = new DataTable('#example').DataTable()" de lo contrario no funciona. Aun así no puedo realizar cambios a datatable.

[@camilopalma6461]

Muy bueno, pero sería mejor aún trabajar un datatable con VueJS directramente

[@naqzher]

Hola profe, yo lo estoy haciendo en un proyecto a parte para probar y me tira "jQuery is not defined" pero jquery esta instalado por defecto. alguna solucion? saludos

[@CodersFree]

Hola Joao. A partir de Laravel 8 jquery ya no viene instalado por defecto

[@naqzher]

@@CodersFree gracias por la respuesta!!!!

[@skabadubade]

Genial.

[@PacorrOz]

Si estoy en laravel 5.8 debo agregar la parte de Jquery?? eso no lo he entendido

[@CodersFree]

Si no estás trabajando con jquery debes agregarlo.

[@asdruball4885]

Cuando hay muchos datos , por ejemplo más de 5000 la tabla se demora en cargar. ¿ Hay alguna forma de hacer un tipo paginación que solo cargue los datos que se muestren , de manera que no se demore al cargar la página ?

[@CodersFree]

Continua viendo la serie 😁

[@sorayajose1312]

Muchas gracias por tus enseñanzas!!! Tengo una consulta, estoy intentando al proyecto de Blog tuyo agregarle la DataTable y me salta un error, inclusive también cuanto intento de llamarlas como plugin de AdminLTE, será algo con jquery? El error que me muestra es: [Error] TypeError: undefined is not an object (evaluating 'c.mData') (función anónima) (jquery.min.js:2:31126)

[@sorayajose1312]

SweetAlert2 me funciona perfecto, no puedo hacer funcionar el DataTable

[@sorayajose1312]

Ya lo resolví, solo había que sacarle No acepta ponerle el colspan con 2.

[@Henry_Nunez]

Alguien me puede explicar como hacer esto para que funcione sin conexión a internet ?

[@xkiller838]

amigo una consulta porque en responsive la datatable no detecta si se presiono en un boton con javascrip o jquery

[@CodersFree]

Podrías explicar mejor el problema 🤔

[@xkiller838]

@@CodersFree intenta colocar con jquery un evento click y q muestre una alerta simple y verifica q funcione ese mismo evento en web y en datatable responsive veras que el evento click solo funciona bien en web y no en movil cuando datatable esta responsive no funciona, segui tu ejemplo usando sweetaler.js y funciona muy bien en web pero en movil no se ejecuta la alerta solo la eliminacion sin pasar por la confirmacion usando sweetaler.js

[@CodersFree]

Si te funciona bien en la computadora, y no en el móvil, es muy probable que el problema radique en el navegador que tengas instalado en tu móvil. Puede que tengas que actualizarlo para que funcione bien. También me ha pasado a veces, sobre todo con flexbox, que en la mayoría de navegadores se veía bien maquetado, y en alguno que otro se veía todo descuadrado.

[@xkiller838]

@@CodersFree chrome

[@xkiller838]

​@@CodersFree si eso pense llevo dos dias mirando como hacerlo ya me funciona pero no con el evento click normal de jquery no lo detecta en lugar eso lo hice con una funcion enviando el paramatro id y trabaja bien revisa si en movil funciona igual el q hiciste con laravel y sweealert.js

[@kreiger8912]

me gustaria algo sencillo pero funcional para login y register, es decir como validar informacion correo y contraseña

[@adrianm4287]

Gracias!!

[@omarvelazquezmartinez2345]

A alguien mas le sucede que al colocar otro (Cabezeras de la tabla).. ya no funciona... me pasa con 4 , todo funciona bien pero le agrego otro mas y ya no funciona :(

[@reneisaias2755]

Me pasa lo mismo, ¿Has logrado resolver ese problema?

[@omarvelazquezmartinez2345]

@@reneisaias2755 si ya lo solucione

[@reneisaias2755]

@@omarvelazquezmartinez2345 Que bien, yo igual XD. Aunque al final termine por hacer mi propio datatable

[@jairjuarez1727]

Me gustó tu video. Pero que pasaría si mi tabla tiene 50,000 registros se tarda mucho. Yo ya hice ejemplo que hiciste. En mi proyecto tengo mas de 50,000 registros. Y se tarda la carga. Que puedo hacer en este caso?

[@CodersFree]

Revisa el video 3 de esta serie, ahí explico como solucionar ese problema

[@carlosozuna9369]

Bro pero con muchos datos será muy lento, como puedo limitar los resultados del lado del servidor?. Osea que traiga de 5 en 5 y así.

[@a-gf3ef]

Como lo resolviste?

[@carlosozuna9369]

@@a-gf3ef Voy a buscar el vídeo, lo había guardado en una lista de reproducción.

[@davidcarrasquilla8889]

Amigo, que buen video.. Pero te ganarías una buena donación si enseñas como hacerlo sin usar cdn.

[@kinorro]

De esta forma, en cuanto tengas más de 10k registros al traerlos todos de golpe te va a petar. Saludos

[@RichardCasanova7898]

LO MALO DE ESTE PLUGIN DE JQUERY ES QUE HACE UNA BUSQUEDA A TODA LA TABLA PERO SI QUIERO POR EJEMPLO HACER UNA BUSQUEDA A UN SOLO CAMPO NO SE PUEDE, ES DECIR SI LA EDAD ES 13 EN UN CAMPO EDAD, Y HAY OTRA FILA Y QUE TIENE OTRO CAMPO FECHA 2013 MOSTRARA ESAS 2 FILAS LA QUE TIENE LA FECHA 2013 Y LA EDAD 13.

[@CodersFree]

Puedes limitar los campos según el cual quieres que lo filtre. Te recomiendo que leas la documentación

[@JohnSmith-zl8rz]

Bootstrap apesta!