Datatables - Manejo del DOM

[@marcomv30]

Excelente. Lo felicito muy buena la forma de explicar. Saludos desde Costa Rica.

[@informaticadp]

Gracias Marco. Un abrazo desde Argentina!

[@ernestoarias3404]

Hola Informatica DP muchas gracias por compartir, muy bien explicado, saludos.

[@informaticadp]

Gracias Ernesto. Saludos!

[@tacomaki4143]

muchas gracias, tu contenido me a ayudado bastante como desarrollador, un abrazo maestro.

[@informaticadp]

Gracias a vos! Saludos Tacomaki!

[@rafaelcabanillas2921]

Muchas gracias! buena explicacion!

[@informaticadp]

Gracias Rafa!!!

[@felixenriquebetancourt592]

Gracias Amigo, excelente aporte!

[@MartinGonzalez-wz5qi]

Muy Buen Video! Gracias Informatica DP por tus grandes explicaciones! Me gustaria saber si le puedo cambiar la cantidad del filtrado del lenght por defecto a uno personalizado ?

[@informaticadp]

Hola Martin! Muchas gracias! Totalmente, si se puede cambiar. En las lista de reproducción de datatables hice muchos ejemplos con eso. No recuerdo en que Video exactamente.

[@anarotela]

Muchas gracias por el video. Muy bien explicado, excelente!

[@informaticadp]

Muchas gracias Ana! Saludos!

[@carlosallende8097]

@@informaticadp excelente vídeo. Me sirvió de mucho, en este caso me gustaría saber si tengo dos tablas como puedo hacerle para que pueda usar un solo buscador (filtrador) para ambas tablas? Espero puedan ayudarme, gracias

[@informaticadp]

Gracias Carlos, si sólo son dos tablas en la sentencia SQL usa un JOIN y listo bro. Saludos.

[@carlosallende8097]

@@informaticadp ya logré hacer el buscador, pero ahora lo que no sé es como hacer para que mi buscador también busque entre la paginación, algún vídeo o documentación que me recomiendes por favor

[@anuar.rodriguez]

Excelente herramienta... :D muchas gracias por compartir

[@informaticadp]

Gracias Anuar. Saludos!

[@anuar.rodriguez]

@@informaticadp me gustaria saber si en un formulario , al momento de seleccionar una opción de ... muestra otro div para hacer lo mismo .... formulario dinamico saludos

[@juanjackson1025]

muy bien explicado, gracias, buenisimo!!!

[@informaticadp]

Muchas gracias Juan! En ésta lista de reproducción subo todo sobre datatables. Saludos. kzbin.info/aero/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7

[@yovanihugolastarriahinojos3467]

Muchas Gracias por el video. Pero tengo una consulta. Como puedo hacer que los controles estén en una sola fila y no este uno de bajo del otro.

[@adriansanchez2979]

Excelente video bien explicado, estoy empezando en programacion, como reemplazo los datos de ejemplos que tienes en cada columna por mis propios datos, gracias

[@jess_z]

Muchas gracias por este vídeo

[@informaticadp]

Saludos Jesus!

[@lucasmadrigal2865]

Hola gracias por el video... queria consultarte sera posible agregar mas de un valor al dom.. para declarar manejar mas de un elemento?

[@edwineinsen]

Muchas gracias por este video, me gustaría saber cómo incorporar listbox (collections) para buscar en la datatable. Saludos

[@informaticadp]

Gracias a vos. Dame un ejemplo de lo que necesitas. Estoy preparando un video de cómo usar Select dropdown en distintas situaciones.

[@edwineinsen]

@@informaticadp pues es prácticamente como utilizar el dropdown con las datatables, me gusta el front pero estoy pasando lo básico a penas, ya en backend es otra cosa. Pero es eso, usar el dropdown para llenar el datatable según la(s) opcion(es) elegida(s). De nuevo, muchas gracias

[@robertsuarezguerra2974]

@@informaticadp justo iba a hacer la misma pregunta .. Select dropdown muy buen tema ! Saludos.

[@ricardogomez8007]

Excelente. Algún ejemplo para anidar una tabla en la tabla principal y mostrarla con un botón '+'?

[@josuevm9021]

Muchas gracias. Pregunta se podrá personalizar el archivo a generar es decir poner una plantilla diferente

[@informaticadp]

Gracias Josue!! Si te referis a la plantilla de datatable, claro que sí se puede. En la web oficial. Tenes distintos estilos. Y en el canal utilicé varios. kzbin.info/aero/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7

[@lonchorojas2]

Hola excelente información muchas gracias por compartir tus conocimientos, he estado tratado de crear un filtro personalizado por ejemplo mostrar las columnas con fecha antes de hoy al hacer click en un botón pero no he podido con el .filter(function) como podría lograr esto?

[@lonchorojas2]

Veo que filter devuelve una instacia API con los resultado pero no encuentro como utilizarla sobre la tabla

[@Blonder413PaginaOficial]

¿sabe cómo solucionar el problema de los encabezados que salen desfasados con el contenido?

[@moisesalexistorrespovis1087]

Quiero hacerle un focus al search como lo hago?

[@ELANDROIDEBLACK]

Puedes hacer un video de datatable con Child rows para ver cosas ocultas plis

[@garyyaral]

Para las child rows usa un td un ul y las filas que tiene dentro son varios li. Yo creé hace poco una versión similar a datatables pero propia, porque si el contenido de los li es demasiado extenso en mobile se rompe la tabla, así que decidí crear mi versión responsive y que se adapte un poco mejor

[@eurorondon627]

hola !!! muchas gracias por toda esta información ! … si quisiera que no se me mostraran 10 entradas o filas , si no simplemente 5 entradas como haría ?

[@informaticadp]

Muchas gracias! Hay que usar esta propiedad. En varios videos la usé. Es "lengthMenu' y ahí definis en un array ejemplo [5, 10, 15] que son las entradas que queres visualizar. Saludos.

[@eurorondon627]

@@informaticadp graciass !! me puedes colocar el link de algun video donde explicas !!!! eres lo un crack !

[@informaticadp]

Es de otro curso el video pero fijate que está lo que necesitas. kzbin.info/www/bejne/qKW8qIdtl9t8g6M

[@angelmendoza166]

excelente contenido!! Al momento de exportar a pdf, ¿Cómo se puede hacer que el contenido de la tabla no se recorte en el pdf debido a que contiene muchos atributos?

[@informaticadp]

Gracias Angel! Tengo pendiente un video para personalizar la impresión con Datatables.

[@angelmendoza166]

@@informaticadp ¿Tienes alguna fecha en especifico para publicar el video estimado?

[@informaticadp]

Estimado. Espero te ayude. Este plugin tiene de todo para personalizar. En éste video que salió recién explico a manejarlo. Espero te ayude. kzbin.info/www/bejne/gofIhalmfZJ7etk

[@fremeto]

Yo estoy haciendo la tabla con side-server pero noto que me salen botones de navegación infinitos y los número s de abajo de los registros no corresponden,, que puede ser?

[@informaticadp]

Si la navegación es infinita, no está haciendo el corte bien qué en general es de 10 registros. Cambialo con la propiedad length.

[@giannicr6588]

y se puede poner que te muestre 5 registros envez de 10 registros en dataTables????

[@informaticadp]

Totalmente. En muchas videos del canal lo aplico. $(document).ready( function () { var table = $('#example').DataTable( { pageLength : 5, lengthMenu: [[5, 10, 20, -1], [5, 10, 20, 'Todos']] } ) } );

[@daxterneitor3000]

Disculpa cómo podría configurar el elemento L para que muestre después de 100, una opción que diga todo y muestre todos los registros?

[@informaticadp]

Hola, hay una propiedad lengthMenu, y la tenes que cargar como un array [] y ahí estableces el lenght de los registros. Saludos.

[@daxterneitor3000]

@@informaticadp gracias ya lo puse , pero al momento de seleccionar la opción todos se traba la página y creo no página , el código lo saqué de tu vídeo de server side para la tabla y crud

[@gatog5740]

Buen día, Informatica DP, me ha servido mucho tu proyecto, lo he adaptado a mis necesidades pero tengo una pregunta, para la función de búsqueda ¿ en que parte se realiza la consulta a la base de datos?, he estado revisando el archivo "datatables.js" pero no he encontrado nada, solo quiero filtrar una columna, ayuda, por favor

[@informaticadp]

Me alegro que te sriva el proyecto Armando! en que parte de este video hago una consulta a la base de datos?

[@gatog5740]

@@informaticadp no, mira, me refiero a que si me pudieras orientar acerca de como datatable se basa para hacer ese filtrado a la base de datos, en que archivo consulta a la base de datos ya que solo quiero filtrar una columna y no he podido.

[@informaticadp]

Ahora si, mira la programación interna del plugin para la búsqueda la desconozco. Si te sirve, en este video, muestro como filtrar por columnas. Saludos. kzbin.info/www/bejne/bnyVfX6qbr-Widk

[@gatog5740]

@@informaticadp gracias

[@irvingtkng2280]

Como cambio el color de "search" a otro color?. Cómo pongo el Tbody transparente?

[@informaticadp]

Eso si o si con CSS. Seleccionas el elemento del DOM, ejemplo Search, seguro es una clase y la modificas. Te dejo curso de css desde cero dónde explico al detalle todo. kzbin.info/aero/PLrAw40DbN0l27M6DEjQS4obsQfxbOW1De

[@irvingtkng2280]

Muchas gracias, estoy a punto de titularme de preparatoria y espero esto que implemente me salve!❤️

[@informaticadp]

Ojalá te sirva!

[@irvingtkng2280]

@@informaticadp mucho gracias si me sirvió !

[@marceloleal3677]

9. o0