Javascript 如何在不声明列的情况下从JSON数组创建jquery数据表

我有以下从WebAPI获取JSON的代码（为了澄清问题，我将数组定义为来自WebAPI的数据）

我需要数据表是动态的，这就是我在运行时创建表头的原因

这可以正常工作，但我在数据表上没有看到任何数据，因此出现错误：

DataTables警告：表id=表id-为第0行第0列请求的未知参数“0”。有关此错误的详细信息，请参阅

var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
},
{
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}
];
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（数据[0]，函数（名称，值）{
$（tr）.追加（“”+名称+“”）；
});
$（'#tableId'）。数据表({
数据：数据，
});
它抛出错误，因为它无法识别列的名称。因此，您必须设置
datatable.js
的
columns
属性才能显示数据

试试下面的代码片段：


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
},
{
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}
];
让列=[]；
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（数据[0]，函数（名称，值）{
push（{data:name，name:name}）；
$（tr）.追加（“”+名称+“”）；
});
$（'#tableId'）。数据表({
数据：数据，
“毁灭”：真的，
“列”：列
});
它抛出错误，因为它无法识别列的名称。因此，您必须设置
datatable.js
的
columns
属性才能显示数据

试试下面的代码片段：


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
},
{
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}
];
让列=[]；
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（数据[0]，函数（名称，值）{
push（{data:name，name:name}）；
$（tr）.追加（“”+名称+“”）；
});
$（'#tableId'）。数据表({
数据：数据，
“毁灭”：真的，
“列”：列
});


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
}, {
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}];
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
var列=[]；
$.each（数据[0]，函数（名称，值）{
变量列={
“数据”：名称，
“头衔”：姓名
};
columns.push（column）；
});
$（'#tableId'）。数据表({
数据：数据，
列：列
});


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
}, {
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}];
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
var列=[]；
$.each（数据[0]，函数（名称，值）{
变量列={
“数据”：名称，
“头衔”：姓名
};
columns.push（column）；
});
$（'#tableId'）。数据表({
数据：数据，
列：列
});


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
},
{
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}
];
var headerData=数据[0]；
var列=[]；
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（头数据、函数（名称、值）{
$（tr）.追加（“”+名称+“”）；
var obj={'data'：name}；
柱推（obj）；
});
$（'#tableId'）。数据表({
数据：数据，
“列”：列
});


var数据=[{
“编号”：“10031”，
“说明”：“GYPROCK PLUS RE 10MM 1200X4200”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AA行”，
“数量”：18
},
{
“编号”：“95844”，
“说明”：“CEMINSEAL墙板RE 6MM 1350X3000”，
“农场位置”：“WH5”，
“位置输入”：“第1C2AB行”，
“数量”：6
}
];
var headerData=数据[0]；
var列=[]；
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（头数据、函数（名称、值）{
$（tr）.追加（“”+名称+“”）；
var obj={'data'：name}；
柱推（obj）；
});
$（'#tableId'）。数据表({
数据：数据，
“列”：列
});

真的没有必要