JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div id= "dvTable" ></div>

JavaScript

var result = {"data": [
         {"name": "Peter",
          "update": "2015-07-28T06:44:05Z",
          "detail": {
                    "age": 33,
                    "career": "lawyer"}
         },
         {"name": "Parker",
          "update": "2015-07-26T05:44:05Z",
          "detail": {
                    "age": 27,
                    "career": "chef"}
      }]}



     if(result.data.length!=0){
       $("#dvTable").html("")  //delete exist tables
       for(var i=0;i<result.data.length;i++){
         $("#dvTable").append('<div id="people"><table border="1">');
         for(var j in result.data[i]){
           if(j ==="detail"){
             for(var x in result.data[i]["detail"]){
               $("table:last").append("<tr ><td>"+x+"</td><td>"+result.data[i]["detail"][x]+"</td></tr>");}
           }
           else{
               $("table:last").append('<tr ><td colspan="2">'+result.data[i][j]+"</td></tr>");
           }
         }
         $("#people").append('</table></div>');
      }
     }