Edit in JSFiddle

<h1>beer!</h1>
<div class="beers-table"></div>

$.getJSON("http://api.openbeerdatabase.com/v1/beers.json?callback=?", function(response) {
    console.log(response)
    $(".beers-table").tableMagic(response.beers);
});

td {
  width: 100px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}