read_trello_data_json.js

$(function(){
   $.getJSON('trello_data.json', function(data) {
       $.each(data.lists, function(i, f) {
         // display name of all list
          tr = $('<tr/>');
          tr.attr('id', f.id);
          tr.append("<th>" + f.name + "</th>");
          $('table').append(tr)
       });

       $.each(data.cards, function(i, f) {
          // expand card name in list
          $('#'+ f.idList).append("<td width='200'>" + f.name + "</td>");
       });

          //set width for td in table
       $("td").each(function(index) {
          var htmlText = "<div style='width:100px;' class='item'>" + $(this).text() +"</div>";
          $(this).html(htmlText);
       });
   });
});