• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

190
Views
Pasar una matriz a una tabla o variable HTML

Estoy tratando de pasar información de una llamada API a una tabla HTML que luego también puedo usar para gráficos. Se adjunta una imagen de la matriz para mostrar la estructura de datos. Sigo recibiendo un error de que column_names no es iterable, pero no he podido resolverlo después de horas de búsqueda. Creo que tiene que ver con los nombres en mi matriz, pero no puedo encontrar una solución. Soy nuevo en esto y siento que la respuesta es dolorosamente simple, por lo que agradecería cualquier ayuda o explicación de mi error.

Formato de matriz

ingrese la descripción de la imagen aquí

 async function loadintotable(url, table) { const tableHead = table.querySelector('thead'); const tableBody = table.querySelector('tbody'); const response = await fetch(url); const { column_names, data } = await response.json(); tableHead.innerHTML = '<tr></tr>'; tableBody.innerHTML = ''; for (const headerText of column_names) { const headerElement = document.createElement('th'); headerElement.textContent = headerText; tableHead.querySelector('tr').appendChild(headerElement); } for (const row of data) { const rowElement = document.createElement('tr'); for (const cellText of row) { const cellElement = document.createElement('td'); cellElement.textContent = cellText; rowElement.appendChild(cellElement); } tableBody.appendChild(rowElement); } }
about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Su respuesta api es de formato

 { dataset: { column_names: [], data: [] } }

Entonces, para acceder a column_names y datos, debe

 const json = await response.json(); const { column_names, data } = json.dataset;

O en una línea

 const { column_names, data } = (await response.json()).dataset;

Observe el .dataset al final de la línea

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error