Datatables - Manejo del DOM

Поделиться
HTML-код
  • Опубликовано: 29 янв 2025

Комментарии • 65

  • @marcomv30
    @marcomv30 4 года назад +1

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

    • @informaticadp
      @informaticadp  4 года назад

      Gracias Marco. Un abrazo desde Argentina!

  • @tacomaki4143
    @tacomaki4143 3 года назад

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

  • @felixenriquebetancourt592
    @felixenriquebetancourt592 Год назад

    Gracias Amigo, excelente aporte!

  • @rafaelcabanillas2921
    @rafaelcabanillas2921 9 месяцев назад

    Muchas gracias! buena explicacion!

  • @ernestoarias3404
    @ernestoarias3404 4 года назад +1

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

  • @anarotela
    @anarotela 3 года назад

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

    • @informaticadp
      @informaticadp  3 года назад

      Muchas gracias Ana! Saludos!

    • @carlosallende8097
      @carlosallende8097 2 года назад

      @@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
      @informaticadp  2 года назад

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

    • @carlosallende8097
      @carlosallende8097 2 года назад

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

  • @yovanihugolastarriahinojos3467
    @yovanihugolastarriahinojos3467 3 года назад

    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.

  • @MartinGonzalez-wz5qi
    @MartinGonzalez-wz5qi 3 года назад +1

    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
      @informaticadp  3 года назад +1

      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.

  • @adriansanchez2979
    @adriansanchez2979 3 года назад

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

  • @anuar.rodriguez
    @anuar.rodriguez 4 года назад

    Excelente herramienta... :D muchas gracias por compartir

    • @informaticadp
      @informaticadp  4 года назад

      Gracias Anuar. Saludos!

    • @anuar.rodriguez
      @anuar.rodriguez 4 года назад

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

  • @josuevm9021
    @josuevm9021 3 года назад

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

    • @informaticadp
      @informaticadp  3 года назад

      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.
      ruclips.net/p/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7

  • @Blonder413PaginaOficial
    @Blonder413PaginaOficial 2 года назад

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

  • @moisesalexistorrespovis1087
    @moisesalexistorrespovis1087 3 года назад

    Quiero hacerle un focus al search como lo hago?

  • @juanjackson1025
    @juanjackson1025 4 года назад

    muy bien explicado, gracias, buenisimo!!!

    • @informaticadp
      @informaticadp  4 года назад

      Muchas gracias Juan! En ésta lista de reproducción subo todo sobre datatables. Saludos.
      ruclips.net/p/PLrAw40DbN0l3S_1o1ya45SaWiMnGqboK7

  • @fremeto
    @fremeto 4 года назад

    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
      @informaticadp  4 года назад

      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
    @giannicr6588 3 года назад

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

    • @informaticadp
      @informaticadp  3 года назад

      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']]
      } )
      } );

  • @edwineinsen
    @edwineinsen 4 года назад +1

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

    • @informaticadp
      @informaticadp  4 года назад +1

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

    • @edwineinsen
      @edwineinsen 4 года назад

      @@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
      @robertsuarezguerra2974 4 года назад

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

  • @jess_z
    @jess_z 3 года назад

    Muchas gracias por este vídeo

  • @daxterneitor3000
    @daxterneitor3000 4 года назад

    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
      @informaticadp  4 года назад +1

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

    • @daxterneitor3000
      @daxterneitor3000 4 года назад

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

  • @ricardogomez8007
    @ricardogomez8007 3 года назад

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

  • @lonchorojas2
    @lonchorojas2 4 года назад

    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
      @lonchorojas2 4 года назад

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

  • @eurorondon627
    @eurorondon627 4 года назад

    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
      @informaticadp  4 года назад +1

      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
      @eurorondon627 4 года назад

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

    • @informaticadp
      @informaticadp  4 года назад +1

      Es de otro curso el video pero fijate que está lo que necesitas.
      ruclips.net/video/rtYwT7bvIMA/видео.html

  • @irvingtkng2280
    @irvingtkng2280 4 года назад

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

    • @informaticadp
      @informaticadp  4 года назад +1

      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.
      ruclips.net/p/PLrAw40DbN0l27M6DEjQS4obsQfxbOW1De

    • @irvingtkng2280
      @irvingtkng2280 4 года назад

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

    • @informaticadp
      @informaticadp  4 года назад +1

      Ojalá te sirva!

    • @irvingtkng2280
      @irvingtkng2280 4 года назад

      @@informaticadp mucho gracias si me sirvió !

  • @angelmendoza166
    @angelmendoza166 3 года назад

    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
      @informaticadp  3 года назад +1

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

    • @angelmendoza166
      @angelmendoza166 3 года назад

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

    • @informaticadp
      @informaticadp  3 года назад +1

      Estimado. Espero te ayude. Este plugin tiene de todo para personalizar. En éste video que salió recién explico a manejarlo. Espero te ayude.
      ruclips.net/video/LVeTv0H-HDw/видео.html

  • @gatog5740
    @gatog5740 4 года назад

    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
      @informaticadp  4 года назад

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

    • @gatog5740
      @gatog5740 4 года назад +1

      @@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
      @informaticadp  4 года назад

      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.
      ruclips.net/video/8K2LKt9ZcSw/видео.html

    • @gatog5740
      @gatog5740 4 года назад

      @@informaticadp gracias

  • @ELANDROIDEBLACK
    @ELANDROIDEBLACK 3 года назад

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

    • @garyyaral
      @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

  • @marceloleal3677
    @marceloleal3677 2 года назад

    9.
    o0