2017-08-18 2 views
0

Ich mag json Daten in ein HTML-Tabelle int Format analysieren:Wie JSON in HTML-Tabelle zu analysieren?

project title   EAC  BAC Overrun Percentage 

Project1    0 Day 0 Day 0    15% 
closed 
18/07/2016-18/08/2017 


Project 2    350 Day 15 Day 15    30% 
closed 
05/02/2016-12/09/2022 

ich diese Antwort gefunden Parsing JSON objects for HTML table, die ich schreibt diesen Code verwendet:

$.ajax(settings).done(function (result) { 

      var str = JSON.stringify(result); 
      obj = JSON.parse(str); 
      for(var i = 0; i < obj.value.length; i++) { 
       tr = $('<tr/>'); 
        tr.append("<td class=\"project_title\">" + obj.value[i].name + "</td>" + "<td class=\"project_title\">" + obj.value[i].eac + "</td>" + "<td class=\"project_title\">" + obj.value[i].bac + "</td>" + "<td class=\"project_title\">" + obj.value[i].overrun + "<td class=\"project_title\">" + obj.value[i].percentage + "</td>"); 
       $('table').append(tr); 
      } 
      }); 

Aber ich verstand nicht wie man den Status des Projekts und das Datum in der gleichen Zelle über den Projekttitel hinzufügt. Zum Beispiel für Project 1 Ich sollte einen solchen Status closed und das Datum des Beginns und des Endes des Projekts 18/07/2016-18/08/2017 hinzufügen. Wie kann ich diese Optionen zu jedem Projekt hinzufügen?

+0

Mögliche Duplikate von [Konvertieren von JSON-Daten in eine HTML-Tabelle] (https://StackOverflow.com/Questions/5180382/Convert-JSon-Data-To-Ahtml-Table) –

+1

stellen Sie bitte Ihre JSON zur Verfügung? –

+1

Nun, wenn Sie es in der gleichen Zelle wollen, legen Sie es einfach in die gleiche Zelle. – musefan

Antwort

0

Fügen Sie einfach </br> zwischen den Feldern, die Sie in der ersten Zelle wollen:

tr.append("<td class=\"project_title\">" + obj.value[i].name + "</br>" + obj.value[i].attribute1 + "</br>" + obj.value[i].attribute2 + "</td>"); 

Es kann in Ihrem Fall arbeiten.