Object to HTML Table

by ramnathv

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
  <div id="table"></div>  
</div>

CSS

body{margin-top: 20px;}

CoffeeScript

data = {key1: "value1", key2: "value2", key3: "value3"}

obj2table = (data) ->
  table = ["<table class='table table-condensed table-striped'>"]
  d3.entries(data).forEach (d) ->
    table.push("<tr><td>" + d.key + "</td><td>&nbsp</td><td>" + d.value + "</td></tr>")
  table.join("") + "</table>"

table = document.querySelector("#table")
table.innerHTML = obj2table(data)