Javascript 从复杂的JSON生成HTML表

我希望将一些JSON数据生成到一个漂亮的HTML表中，以查看某人在测试中的性能统计数据。在我的JSON数据中，我将每个学生按姓名分组，并将他们的分数放入JSON数组中

使用更简单的JSON，比如

{“Name”：“Alfreds Futterkiste”，“City”：“Berlin”，“Country”：“Germany”}

会容易得多，因为我可以为每个JSON对象生成

所以要清楚：我需要一种方法将对象放置在每个对象的

中的嵌套数组中

我的PHP生成的JSON如下所示：

[  
   {  
      "school":"St. Paul"
   },
   {  
      "class":"4a"
   },
   {  
      "student":"Andreas",
      "taskid":[  
         2,
         1
      ],
      "level":[  
         3,
         4
      ],
      "hint":[  
         1,
         0
      ],
      "correctanswer":[  
         1,
         1
      ],
      "timeused":[  
         30,
         20
      ]
   }
]

有没有简单的方法可以做成这样的桌子？我对任何设置相对简单的库都持开放态度

学生x

____________________________________________
|#taskid|level|hint|correctanswer|time used|
|‾‾‾‾‾‾‾|‾‾‾‾‾|‾‾‾‾|‾‾‾‾‾‾‾‾‾‾‾‾‾|‾‾‾‾‾‾‾‾‾|
|‾‾‾‾‾‾‾|‾‾‾‾‾|‾‾‾‾|‾‾‾‾‾‾‾‾‾‾‾‾‾|‾‾‾‾‾‾‾‾‾|
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾

---

我有一个答案给你们，下面是它的测试运行，花了我4个小时，只使用了Javscript，没有像jquery等第三方库。 你可以进一步即兴创作。 享受

var jsonData=[{
“学校”：“圣保罗”
}, {
“类别”：“4a”
}, {
“学生”：“娜塔莉”，
“任务ID”：[
3.
4.
],
“级别”：[
1.
2.
],
“提示”：[
1.
6.
],
“正确答案”：[
1.
4.
],
“使用时间”：[
30,
10
]
}, {
“学校”：“圣保罗”
}, {
“类别”：“4a”
}, {
“学生”：“安德烈亚斯”，
“任务ID”：[
2.
1.
],
“级别”：[
3.
4.
],
“提示”：[
1.
0
],
“正确答案”：[
1.
1.
],
“使用时间”：[
30,
20
]
}]
对于（var i=0；i0）{
maxLength=Math.max.apply（数学，maxLength）；
}
如果（maxLength.length==未定义）{
对于（var z=0；z

表th，
表td{
边框：1px纯黑；
边界塌陷：塌陷；
}

---

@GSWV的可能重复项我看不出它们是如何相同的。您注意到所有的阵列了吗？在本例中，“可能重复”标志的目的是将您的注意力引向实现所需内容的正确方式，并可能防止冗余。如果你阅读并理解了我发布的问题和答案，那么你将看到OP试图实现的目标，并将其轻松应用于你的情况，你应该看看答案中发布的内容。