HTML JS
(quick guide & examples)
GENERATE TABLE HERE <div id="demoA"></div>
PARSE JSON STRING INTO OBJECT var data = '{"Name":"Jon,"Email":"jon@doe.com"}'; data = JSON.parse(data);
CREATE EMPTY TABLE var table = document.createElement ("table"), row, cellA, cellB; document.getElementById("demoA") .appendChild(table);
ROWS & CELLS for (let key in data) { row = table.insertRow(); cellA = row.insertCell(); cellB = row.insertCell(); cellA.innerHTML = key; cellB.innerHTML = data[key]; }
GENERATE TABLE HERE <div id="demoB"></div>
PARSE JSON STRING INTO OBJECT var data = '{"Name":"Jon,"Email":"jon@doe.com"}'; data = JSON.parse(data);
GENERATE TABLE HTML var table = "<table>"; for (let key in data) { table += `<tr><td>${key}</td> <td>${data[key]}</td></tr>`; } table += "</table>"; document.getElementById("demoB") .innerHTML = table;