Question

我想将json数据解析成html表的int格式：

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

我找到了这个答案Parsing JSON objects for HTML table 写下这段代码：

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

但我不明白如何在项目标题上添加项目状态和相同单元格中的日期。例如，对于Project 1，我应该添加此类状态closed以及项目开始和结束日期18/07/2016-18/08/2017。如何将这些选项添加到每个项目中？

Answer 1

只需在第一个单元格中的字段之间添加</br>：

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

它可能适用于您的情况。

如何将json解析为html表？

1 个答案: