TableAndField

by Ari Zelanko

HTML

<div>
Tree (Table > Column)
</div>
<div id="here">

</div>

CSS

div>div>div { text-indent: 10px; text-decoration: underline }

JavaScript

(function () {
  "strict"
  var data = {
    "Visits" : ["Encounters", "No Shows"],
    "Charges" : ["Charges", "Units"]
  };
  
  var div = document.getElementById("here");
  var keys = Object.keys(data);
  for (var key of keys) {
    var node = document.createElement("div");
    node.innerHTML = "<p>"+key+"</p><div>";
    for (var col of data[key]){
    	node.innerHTML += "<div>"+col+"</div>";
      //console.log(node.innerHTML);
    }
    node.innerHTML += "</div>"
  	div.appendChild(node);
  }
  
}) ();