0
232
VistasTabla html dinámica de una matriz de valores usando javascript en Code.gs
Soy un novato total en javascript, pero estoy dispuesto a aprender esto de alguna manera.
Como puede ver en la imagen adjunta, he logrado extraer algunos datos de una hoja de Google en una matriz. Estoy luchando por esta matriz de datos en una página html, ¿alguien puede guiarme sobre cómo se puede hacer esto en javascript? La tabla debe ser dinámica, ya que cada vez que se realiza una búsqueda, el número de filas que regresan a la matriz cambiará. los datos están en una variable en el archivo code.gs. Necesito vincularlos a javascript. mucha mucha gratitud.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Si desea obtener datos de su hoja de cálculo e incluirlos en una página html dinámica, intente: (cambie id y gid según sea necesario)
<html> <title>Google Sheets json endpoint V4</title> <author>Mike Steelson</author> <style> table {border-collapse: collapse;} th,td{border: 1px solid black;} </style> <body> <div id="json">json here</div> <script> var id = '_______your id_________'; var gid = '_____your gid_________'; var url = 'https://docs.google.com/spreadsheets/d/'+id+'/gviz/tq?tqx=out:json&tq&gid='+gid; fetch(url) .then(response => response.text()) .then(data => document.getElementById("json").innerHTML=myItems(data.substring(47).slice(0, -2)) ); function myItems(jsonString){ var json = JSON.parse(jsonString); var table = '<table><tr>' json.table.cols.forEach(colonne => table += '<th>' + colonne.label + '</th>') table += '</tr>' json.table.rows.forEach(ligne => { table += '<tr>' ligne.c.forEach(cellule => { try{var valeur = cellule.f ? cellule.f : cellule.v} catch(e){var valeur = ''} table += '<td>' + valeur + '</td>' } ) table += '</tr>' } ) table += '</table>' return table } </script> </body></html>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta