Cómo usar un DataTable con Apps Script - ¿Qué es un datatable?
Vložit
- čas přidán 8. 07. 2024
- En esta primera parte te muestro qué es un #datatable y sus funcionalidades. Crearás tu primer tabla estática con #googleappsscript
Capítulos
00:00 Introducción
00:16 ¿Qué es un datatable?
01:29 Instalación
07:39 Agregando Bootstrap
10:36 Tabla desde objecto JS
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
🧑🏽💻⭐ Acceso anticipado a todos los videos, videos extra (acciones y botón personalizado) y código fuente.
www.buymeacoffee.com/mozartga...
👍 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
Se ve bien. Esperando la segunda parte.
Gracias, ya casi! ✌🏼
Sos un genio, amo tus videeos. Justo estaba buscando algo asi.
Que bueno que te sirvan. Esperemos seguir subiendo más. ✌🏻
Mi amigo, que gusto saber de ti. No sabía que tenías este canal. Felicitaciones!!! Me gusta esto de las DataTables!!!
Ey Martin, que gusto encontrarte por acá, gracias, ya tenemos algún tiempo creando contenido de Apps Script. Está herramienta es súper útil y bajo una licencia open source 😃
Excelente, gracias a sus videos he logrado crear un sistema de gestión de inventarios para un cliente :)
😮 Excelente! gracias por comentar y que bueno que te han servido los videos
Graacias, Mozart, Excelente. Puntual
Excelente video muchas Gracias por ese conocimiento
Gracias! espero te sirva! 👾
EXCELENTE VIDEO
Gracias 👨🏽💻
muchas gracias por estos videos mozart. por cierto. los estilos con bootstrap salen medio mal. ya revisé bien las librerías. capaz a alguien más le sucede lo mismo
Eres un genio, estoy al pendiente.
Me gustaria que mostraras si exite una forma de poder filtrar los datos de la tabla y enseñaras como poder colorear los datos de la tabla(digamos si el numero es menor a 5 que se ponga de color rojo y si es mayor a 6 se ponga de color verder).
Gracias por tu contenido.
Gracias, si en los próximos vídeos mostraré más herramientas, más info en la descripción del video
se puede emplear el render de columnas para hacer eso. Puedes encontrar mas info en la documentación. Yo implemente casi todo, solo me falta deshabilitar el botón para cuando se haya ejecutado la acción. Suerte!
buenas tarde, soy nuevo en este tema, gracias por los conocimientos que nos enseñas T-T. Una consulta, hay alguna manera , que en el header de una columna me permita poner un icono adicional. y que dicho icono sea te tipo filtro "buscar en dicha columna" , a parte del filtro q tiene "ordenar x columna" ?
Hola, una consulta después de crear mí app web, está yo la puedo incrustar en mí sitio web, ya sea un Google sites, desde ya gracias
Excelente 👌, se aprende mucho con tus videos Mozart, consulta, ¿Cuándo tendremos el video para obtener información desde un Google Sheets?
Gracias, es el objetivo, yo creo que el lunes, son 5 partes, en la descripción del video te muestro de que tratará cada parte.
No me muestra la tabla luego de aplicar los estilos, se queda sin el formato,, como si no recociera el javascripts
Normalmente eso sucede cuando no reconoce las etiquetas, revisa bien cada una de ellas a ver si encuentras el error
Hola, muchas gracias excelente video. Tengo una consulta estimado: en la página web de la fuente, me aparecen links diferentes (asumo que están actualizadas las versiones) y además, en el editor de google la línea "new dataTable('Cuentas')" no me aparece en color y al actualizar la implementación no adquiere los atributos que te aparecen a ti en el video. ¿Qué estaré haciendo mal? desde ya muchas gracias
Excelente practica, veo cambian los link ya no se utiliza JQuery, intente con los link actualizados y la funcionalidad de la tabla no se observa :(
¡Súper! ¿hay forma de hacer esto bidireccional para que funcione como una interfaz? Me imagino una columna de status donde pueda ser actualizado como un dropdown(como el data validation en sheets pero en una interfax más limpia)
Hola, nunca lo he intentado, pero me imagino que si ha de ser posible con un evento, tal vez algo parecido a los videos de tablas html editables.
Gracias.. Consulta es posible mostrar la tabla en google sites?
Claro, puedes crear la pura tabla e insertarla en un site (con el link de la aplicación) o puedes combinas todas las funcionalidades que desees e insertarla en el site (así tengo algunos proyectos)
Hola hice todo el proceso jala muy bien pero ahy un detalle me pidieron que se le subiera un pdf para completar la informacion ya lo puse pero me sale Información undefined me puedes ayudar?
Hola, tal vez te pueda servir mi video de subir archivo y con eso lo puedes agregar a este código! :)
en el caso de que dos personas estuvieran viendo la tabla se actualiza automáticamente si una de las filas es actualiza?
Los cambios se reflejan para ambos hasta que actualizan la página
@@mozart_34 se podría ver los cambios en tiempo real con algún tipo de ajax?
Hola Mozart. por qué al implementar el código no aparece el encabezados siná mico y em su lugar me aparece la leyenda "un usuario de appscript creo esta aplicación" espero tu gentil respuesta. de antemano gracias y saludos cordiales
❓
Hola Jorge, lo que pasa es que tengo una cuenta institucional, pero a fin de cuentas,así no aparece cuando la app es privada, al hacerla pública la app muestra el anuncio, ten un vídeo que muestra 2 alternativas para ocultarla
@@mozart_34 cuales son esos videos
@@user-ky9ib1bc4r el título del video es Ocultar parte superior de la página "El creador de esta app no es Google..." | Apps Script 91
@@mozart_34 Gracias Mozart... porque no me reconoce los estilos ?... me sigue apareciendo la página estática
@@user-ky9ib1bc4r Tal vez no estás insertando todas las etiquetas de los datatables, si no será alguna línea de código que no cierre bien la etiqueta.
Donde deposito para el video de edición de la tabla
Hola, gracias, en los comentarios del video esta mi link a buymeacoffee.
Hola . tengo un error que no logro salvar, Uncaught ReferenceError: DataTable is not defined
Hola, te puede faltar alguna biblioteca, si no, tal vez estás haciendo referencia a la instancia DataTable antes de crearla.
Saludos. He replicado el procedimiento varias veces, pero la tabla no se muestra con todas las funcionalidades de DataTable. He notado que los archivos JavaScript no tienen la misma versión que se muestra en los videos. Por favor, ¿podría publicar una actualización con las versiones correctas de los archivos?
Hola, saludos. Sí, es el detalle de utilizar librerías ajenas, que están en constante cambio, aunque creo que deberían de funcionar aunque fuera en otra versión. Revisaré y si es así, intentaré actualizar la serie.
Toma el cdn de boostrap el mas actual que hasta hoy es el boostrap 5.3 y solo jala el estilo de datatable y los 2 scripts . Menos el de boostrap que da la pagina que esta desactualizado
@@danster19 Gracias @danster19 ojalá le sirva a Pedro!
Pero el jquery ya no se usa
Diría, ya casi no se usa, jeje
Jquery aun se utiiza en algunos CMS's para programar o modificar plugins pero para nuevos proyectos ya no debería utilizarse ya que puedes utilizar JSPuro u otras alternativas mas ligeras.
Totalmente de acuerdo! ✌🏼