Cómo llenar un DataTable con información de google sheets

Sdílet
Vložit
  • čas přidán 21. 07. 2024
  • En esta segunda parte aprenderás a mostrar los datos de un google sheet en un #datatable
    ⭐ Acceso anticipado a todos los videos, videos extra (acciones y botón personalizado) y código fuente. www.buymeacoffee.com/mozartga...
    Capítulos
    00:00 Introducción
    00:10 Ajustes iniciales
    00:47 Obtener datos desde un google sheet
    03:10 Evento load page
    05:12 Crear dataTable
    Relacionado:
    ¿Qué es un DaTatable?: • Cómo usar un DataTable...
    DataTable desde Sheets: • Cómo llenar un DataTab...
    Personaliza tu dataTable: • Cómo personalizar un D...
    Haz responsive tu DataTable • DataTable responsive
    Exporta información de tu DataTable: • DataTable - exportar i...
    Support
    👍 Si te sirvió el video puedes apoyar este contenido compartiendo, dándole like, suscribiéndote o invitándome un café.
    ☕ Support: www.buymeacoffee.com/mozartga...
    Música
    ---------------------------------------------------------------------------------------------------------------
    LAKEY INSPIRED - Chill Day
    Download→ / . .
    ------------------------------------------------------------------------------
    Social Medias
    SoundCloud: / lakeyinspired
    Instagram: / lakeyinspired
    ---------------------------------------------------------------------------------------------------------------
    LAKEY INSPIRED - The Process
    Download→ / . .
    Photo By: debodoes.tumblr.com/
    ------------------------------------------------------------------------------
    Social Medias
    SoundCloud: / lakeyinspired
    Instagram: / lakeyinspired

Komentáře • 37

  • @gerardochaparro5265
    @gerardochaparro5265 Před 10 měsíci

    ¡Gracias!

    • @mozart_34
      @mozart_34  Před 10 měsíci

      Muchas gracias por el support Gerardo, me ayuda a seguir creando contenido! 👨🏽‍💻

    • @gerardochaparro5265
      @gerardochaparro5265 Před 9 měsíci +1

      de nada@@mozart_34, creo que hay que apoyar cuando se recibe ayuda de calidad, lo que tu estas haciendo realmente aporta al avance de los que estamos aprendiendo este ambiente, encantado de aportar un granito de arena para que ese aporte , apoyo y enzeñanzas tuyas , puedan continuar en linea....

  • @EcoDev-Solutions
    @EcoDev-Solutions Před 27 dny +1

    No sabes cuantas veces vi tu video hoy... y con mucha paciencia, haciendo zoom en los codigos, los enlaces, las librerias, etc, por fin logré que funcionara con mi hoja de google sheets...!!!
    Si te escrbí, pero entiendo que debes estar full ocupado. Aun asi, no me detuve para comprender porque no funionaba en mi proyecto y ahora si lo pude resolver.
    Muchas gracias

    • @mozart_34
      @mozart_34  Před 27 dny +1

      Hola amigo, jeje gracias, que bueno que ya te funcionó, felicidades por la determinación! 🧑🏽‍💻💪🏼

    • @EcoDev-Solutions
      @EcoDev-Solutions Před 27 dny

      @@mozart_34 Como puedo contactarte para el tema de eliminar y editar? Claro, espero aportar para ello.

  • @juanangellopeztapia353
    @juanangellopeztapia353 Před 4 měsíci +1

    Excelente funcionó a la perfección y justo lo que buscaba. Gracias!!

    • @mozart_34
      @mozart_34  Před 4 měsíci

      Que bueno que te sirvió, saludos. 🤖

  •  Před 11 měsíci +2

    Excelente aportación Mozart García, ojalá puedas compartir el video de como interactuar con los datos así como un CRUD, saludos siempre...

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Gracias! Saludos ✌🏻

    •  Před 11 měsíci

      ​@@mozart_34hola nuevamente, necesito de tu ayuda, recuerdas tu video donde escaneas el QR Code y se agrega un registro en una fila del google sheets, en el proyecto de registro de asistencias, bueno pues lo quiero adaptar a una hoja donde se registren entradas y salidas de uso de equipo como mesas, sillas etc. Bueno el tema es que quiero que una vez escsneado el Qr Code el usuario pueda ingresar manualmente su nombre para saber quién hace uso de ese equipo, y sea agregarlo a la misma fila donde se registran los parametros del Qr Code. es que en tu video si se escanea desde la PC si trae el campo de email, pero desde el smartphone NO me trae ese dato, Ojala me haya dado a entender. Pudieras adaptarlo con un google form para capturar el nombre del usuario desde un campo de texto, me urge tu respuesta y el costo. Saludos

  • @sniperstark4132
    @sniperstark4132 Před 4 měsíci +1

    Hola oye y como se pone la tabla que se actualize en automático cada que resiva datos en el Google sheets sin recargar la pagina

  • @MrLococaco
    @MrLococaco Před 11 měsíci +1

    🎉

  • @EcoDev-Solutions
    @EcoDev-Solutions Před 7 měsíci

    Que tal amigo.
    Sabes, tengo dos funciones las cuales llamo desde otra función. Queria saber si posible emplear algun transacciòn que si una de ellas falla, entonces se revierta el proceso.
    ¿Habria alguna forma de que sea posible? Estuve investigando pero no encuentro que sea en funcionas los cambios como registro en las hojas, que cuando falle, entonces se haga un rollback o no se.
    Espero me haga entender.

  • @Leover378
    @Leover378 Před 11 měsíci +1

    Si estamos a tiempo, seria bueno ver como nos explicas a utilizar esa tabla en una pagina html y no en un google site.

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Hola, es prácticamente igual, básicamente solo tienes que insertar la tabla con la etiqueta (obviamente adecuar el diseño, fuente, colores con los de tu página)
      Tal vez más adelante, ya que en esta serie me enfoco en el uso de la herramienta datatable. Saludos amigo

  • @HugoGarcia-vo8xd
    @HugoGarcia-vo8xd Před 11 měsíci +1

    Excelente vídeo Mozart, gracias por siempre estar instruyendo, consulta? ¿Cómo hago para que me carguen ciertas columnas del Google Sheet en el DataTable ? Actualmente como lo hiciste carga todas las columnas que encuentra en el Sheet.

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Hola, gracias, en las opciones del proyecto tienes que agregar una propiedad columndefs y agregar un objeto visibilty.
      En el próximo video muestro las principales características de personalización.

  • @kik2186
    @kik2186 Před 4 měsíci +1

    Mi estimado soy de Puebla México... Me ha echo un bum en la cabeza lo que has mostrado... Me interesa a portar comprando el Código fuente solo duda es en dólares?

    • @mozart_34
      @mozart_34  Před 4 měsíci

      Hola, muchas gracias, sí, es en USD, ahorita anda bajo 😅

    • @kik2186
      @kik2186 Před 2 měsíci +1

      @@mozart_34 Hola Adquirí el paquete solo que no tengo acceso al los videos restantes.... ya llene el formulario correspondiente en la ´presentación que me llego

    • @mozart_34
      @mozart_34  Před 2 měsíci

      @@kik2186 Hola, deberías de tenerlo en tu correo, te reenvíe el correo

  • @miguelangelandresmedina3292
    @miguelangelandresmedina3292 Před 11 měsíci +1

    Que tal buen día, mi código no se refleja en el navegador y seguí todo al pie de la letra, incluso en la consola no me aparece ningún error. Solo algo como de cookies de terceros.¿ Que puedo hacer en ese caso?

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Esos son los "errores" más difíciles de encontrar, porque en sí, no hay error, por eso la consola no arroja nada, hay que ver si los ids son correctos y que estés referenciado al elemento adecuado. Ánimo.
      Si no, en la descripción del video puedes contar más ayuda.

    • @saulabrahamurrutiaperez6391
      @saulabrahamurrutiaperez6391 Před 11 měsíci

      Buen día lo mismo me pasa , lograste ubicar porque pasa eso.

  • @antoniocecena6028
    @antoniocecena6028 Před 6 měsíci

    Hola, tengo una consulta. Sigo todo lo de tu video paso por paso y se ejecuta perfectamente, pero solo por un tiempo ya que al dia siguiente deja de desplegar la informacion. Que tendria que hacer?

    • @mozart_34
      @mozart_34  Před 6 měsíci

      Hola, nunca me ha pasado : | es raro que todo funcioné y al pasar del tiempo ya no. Tal vez intenta crear un nuevo proyecto.

  • @Leover378
    @Leover378 Před 11 měsíci +1

    9:25 Hola Mozart, dejame ver si entiendo. Esto es una serie de 7 videos? Y esta es la #2, correcto?

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Hola, es una serie de 5 de videos sobre DataTables y a través de BMC puedes acceder a otros 2 videos extra

  • @zuzgm4224
    @zuzgm4224 Před 11 měsíci +1

    disculpe para comprar el código fuente es en dolares o pesos??

    • @mozart_34
      @mozart_34  Před 11 měsíci

      Hola, la BMC está en USD

    • @zuzgm4224
      @zuzgm4224 Před 11 měsíci

      y el crud de app script??@@mozart_34

  • @user-hy2gk5td6j
    @user-hy2gk5td6j Před 10 měsíci

    Saludos Mozart: Buen trabajo me encanta su trabajo.
    A mi me pasa algo que no encuentro explicación cuando hago console al getData tengo la tabla completa pero cuando trato de recibir los datos por html me da este error VM1152:3 Uncaught ReferenceError: getData is not defined
    at :3:17
    at Jh (388527709-mae_html_user_bin_i18n_mae_html_user__es.js:140:432)
    at 388527709-mae_html_user_bin_i18n_mae_html_user__es.js:28:276
    at Ld (388527709-mae_html_user_bin_i18n_mae_html_user__es.js:57:477)
    at a (388527709-mae_html_user_bin_i18n_mae_html_user__es.js:55:52)
    Podría ayudarme porfa.

    • @mozart_34
      @mozart_34  Před 10 měsíci +1

      Gracias, no puedo saber exactamente donde está el error, pero algo tiene que ver con la función getData, no la encuentra, entonces puede estar donde la mandas llamar o donde la declaras, por ahí puede haber una letra o algo

  • @anapauladarrigrandiparra7993

    hola amigo, podrias hacer un tutorial de como insertar FileUpload en un formulario flotante (asi como este video : czcams.com/video/QuqI7yvwetI/video.html) y que se envie a Drive