从Javascript数组生成动态HTML表

我目前正在用php、javascript和html制作一个web应用程序。我对php进行了一个post http调用，以从数据库中获取必须显示在html表中的信息。 我从post http调用中获得以下数据：

0:
DwgFile: "\\TEAM\wwwroot\dwfs\A-104589 ELEVATOR FRAME ASS'Y.idw.dwf"
DwgNo: "2A"
IssueDate: "2020-05-30"
IssueEMID: 10709
ItemID: 232002
ItemNo: "A-104589"
OrderID: 13352
Qty Total: 1
ShortDesc: "ELEVATOR FRAME ASS'Y"
SolidFile: "\\TEAM\wwwroot\dwfs\A-104589 ELEVATOR FRAME ASS'Y.iam.dwf"
_DwgNo: 2
__proto__: Object
1:
DwgFile: "\\TEAM\wwwroot\dwfs\A-104599 DRIVE SHAFT ASS'Y.idw.dwf"
DwgNo: "3A"
IssueDate: "2019-12-12"
IssueEMID: 10710
ItemID: 232012
ItemNo: "A-104599"
OrderID: 13352
Qty Total: 1
ShortDesc: "DRIVE SHAFT ASS'Y"
SolidFile: "\\TEAM\wwwroot\dwfs\A-104599 DRIVE SHAFT ASS'Y.iam.dwf"
_DwgNo: 3

如何在html表中的一行中显示数组中的每个索引。数组中的每个属性都是表中的一列。我需要表是动态的，因为数组中的索引数量将根据用户的输入而变化。非常感谢您的帮助。干杯

编辑 这就是表格的外观

---

首先，使用HTML创建一个空表

<table id="dynamic_table"></table>

接下来，我们可以使用jQuery填充该表

var data_from_post = ...

//create head by looping through keys of first object in result
var table_head = $('<tr></tr>').wrap('<thead></thead>');
$.each(data_from_post[0], function(key) {
  table_head.append('<th>' + key + '</th>');
});

//create body by looping through each result, then looping through each key in that result
var table_body = $('<tbody></tbody>');
$.each(data_from_post, function(index, values) {
    var row = $('<tr></tr>');
    $.each(values, function(key, value) {

        //here you can perform changes to the 'value' variable if you need it to be different in the table
        //for example, wrap the `_DwgNo` with a button
        if(key == '_DwgNo') {
            value = '<button>' + value + '</button>'
        }

        row.append('<td>' + value + '</td>');
    });
    table_body.append(row);
});

//add the head and body to the table
$('#dynamic_table').append(table_head).append(table_body);

var data\u from\u post=。。。
//通过循环遍历结果中第一个对象的关键点来创建头部
风险值表头=$（''）.wrap（''）；
$.each（数据来自[0]，函数（键）{
表格标题附加（“”+键+“”）；
});
//通过循环每个结果，然后循环该结果中的每个键来创建主体
var表体=$（''）；
$.each（来自帖子的数据、函数（索引、值）{
变量行=$（''）；
$。每个（值、函数（键、值）{
//如果需要“value”变量在表中有所不同，可以在此处对其进行更改
//例如，用按钮将`_DwgNo`包装起来
如果（键=='\u DwgNo'）{
值=“”+值+“”
}
行。追加（“”+值+“”）；
});
表体追加（行）；
});
//将头部和身体添加到表中
$（'动态表'）.append（表头）.append（表体）；

下面是一个包含此解决方案的JSFIDLE

---

您使用jQuery吗？是的，我可以@暴躁的克劳顿哇！非常感谢@GrumpyCrouton@matthew-维多维奇没问题，很高兴我能帮上忙。还有一件事。是否有一种方法可以使表中的一列成为按钮。我需要使_DwgNo成为一个按钮来生成另一个表。再次感谢你的帮助！我编辑了我的帖子，向你展示它应该是什么样子@GrumpyCrouton@matthew-维多维奇检查我的编辑。注意，我还更改了

主体

创建的两个循环中的变量名。这看起来很棒。再次感谢你的帮助@脾气暴躁的克劳顿