如何使用Javascript和json数据创建网格类型

如何使用Javascript和json数据创建网格类型,javascript,Javascript,我需要使用Div not表和Javascript构建类似的东西。数据是Json格式的。我不知道如何建立一个标题:Id,姓名,年龄 Id Name Age 1 Sam 21 2 tim 20 3 min 25 这是我的javascript/TypeScript代码: 函数{ 让data='[{“data”:[{“id”:“1”,“name”:“Sam”,“age”:“32”},{“id”

我需要使用Div not表和Javascript构建类似的东西。数据是Json格式的。我不知道如何建立一个标题:Id,姓名,年龄

 Id       Name      Age
 1        Sam       21
 2        tim       20
 3        min       25
这是我的javascript/TypeScript代码:

函数{
让data='[{“data”:[{“id”:“1”,“name”:“Sam”,“age”:“32”},{“id”:“2”,“name”:“tom”,“age”:“22”},{“id”:“3”,“name”:“mina”,“age”:“25”}]}];
让mydata=JSON.parse(数据);
var header=document.getElementById(“header”);
对于(var i=0;i

在您的
AddRecord
中,当其
0
(第一行)首先插入标题行时,对
n
进行测试

另外,尝试使用使div显示为表格

函数{
让data='[{“data”:[{“id”:“1”,“name”:“Sam”,“age”:“32”},{“id”:“2”,“name”:“tom”,“age”:“22”},{“id”:“3”,“name”:“mina”,“age”:“25”}]}];
让mydata=JSON.parse(数据);
var header=document.getElementById(“header”);
对于(var i=0;i
#详细信息{
显示器:flex;
弯曲方向:立柱;
}
#细节>分区{
显示器:flex;
调整内容:之间的间距
}
#细节>分区>分区{
边框:实心1px#ccc;
弹性基准:33%
}
查看数据表