2017-08-18 12 views
0

私はHTMLのテーブルのint型の形式にJSONデータを解析したい:jsonをhtmlテーブルに解析するには?

$.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); 
      } 
      }); 

しかし、私は理解していない:私は 書き込みにこのコードを使用し、この答えParsing JSON objects for HTML tableを見つけ

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 

プロジェクトのステータスと同じセルの日付をプロジェクトタイトルに追加する方法。 たとえば、Project 1の場合は、closedのステータスとプロジェクトの開始日と終了日を追加する必要があります。18/07/2016-18/08/2017 これらのオプションを各プロジェクトに追加するにはどうすればよいですか?

+0

[JSONデータをHTMLテーブルに変換する](https://stackoverflow.com/questions/5180382/convert-json-data-to-a-html-table) –

+1

JSONを提供してください。 –

+1

同じセルに入れたい場合は、同じセルに入れてください。 – musefan

答えて

0

ちょうどあなたが最初のセルにしたいフィールド間</br>を追加します。

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

それはあなたのケースで動作する可能性があります。

関連する問題