Javascript 从不同的数组大小创建表

我有5个数组

Col1 = [1];
Col2 = [1,2];
Col3 = [1,2,3];
Col4 = [1,2,3,4];
Col5 = [1,2,3,4,5];

是否可以从这些数组中创建一个如下所示的表

如何生成列顺序与数组中的列顺序相同的表。此外，如果我在这些数组中的任何一个中添加了一些数据，那么更改应该在表中动态地反映出来

下面是一个新示例，添加了另一组数组

---

是您可以这样做-在数组上执行嵌套的

forEach

，然后创建并附加行：

var table=document.getElementById（“表”）；
Col1=[1]；
Col2=[1,2]；
Col3=[1,2,3]；
Col4=[1,2,3,4]；
Col5=[1,2,3,4,5]；
[Col1，Col2，Col3，Col4，Col5]。forEach（（a，i）=>{
var行=document.createElement（“tr”）；
[Col1，Col2，Col3，Col4，Col5]。forEach（（arr）=>{
var cell=document.createElement（“td”）；
if（阵列长度）{
cell.innerText=arr[0]；
arr.shift（）；
}
子行（单元格）；
});
表2.追加子项（行）；
});

第1列
第2列
第3列
第4列
第5列
是，您可以这样做-在数组上执行嵌套的
forEach
，然后创建并附加行：


var table=document.getElementById（“表”）；
Col1=[1]；
Col2=[1,2]；
Col3=[1,2,3]；
Col4=[1,2,3,4]；
Col5=[1,2,3,4,5]；
[Col1，Col2，Col3，Col4，Col5]。forEach（（a，i）=>{
var行=document.createElement（“tr”）；
[Col1，Col2，Col3，Col4，Col5]。forEach（（arr）=>{
var cell=document.createElement（“td”）；
if（阵列长度）{
cell.innerText=arr[0]；
arr.shift（）；
}
子行（单元格）；
});
表2.追加子项（行）；
});

第1列
第2列
第3列
第4列
第5列

var Col1=[1]；
var Col2=[1,2]；
var Col3=[1,2,3]；
var Col4=[1,2,3,4]；
var Col5=[1,2,3,4,5]；
var列=[Col1，Col2，Col3，Col4，Col5]；
addColumnsToTable（列）；
addColumnsToTable（列）；
函数addColumnsToTable（列）{
var rowscont=Math.max.apply（null，columns.map（x=>x.length））；
var-res=''；
对于（变量i=0；i`Col${i+1}`）。join（“”）；
}
表格，
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}
#头>第{
颜色：红色；
}


var Col1=[1]；
var Col2=[1,2]；
var Col3=[1,2,3]；
var Col4=[1,2,3,4]；
var Col5=[1,2,3,4,5]；
var列=[Col1，Col2，Col3，Col4，Col5]；
addColumnsToTable（列）；
addColumnsToTable（列）；
函数addColumnsToTable（列）{
var rowscont=Math.max.apply（null，columns.map（x=>x.length））；
var-res=''；
对于（变量i=0；i`Col${i+1}`）。join（“”）；
}
表格，
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}
#头>第{
颜色：红色；
}

@adiga抱歉刚刚编辑了我的question@adiga我知道这听起来很尴尬，但是在创建了数组之后，我不知道下一步是什么，你想用javascript生成一个html表（）吗？是的。我希望a生成一个表作为最终结果output@adiga抱歉，刚刚编辑了我的question@adiga我知道这听起来很尴尬，但是在创建了数组之后，我不知道下一步是什么，你想用javascript生成一个html表（）吗？是的。我想生成一个表作为最终输出为什么数据是反向的？这就是在你的问题中发布的方式。很抱歉。请将顺序与列表中的顺序相同。请不要跟随-您可以编辑问题吗？修复@Akhilaravind为什么数据是反向的？这就是在您的问题中发布的方式。对此表示抱歉。按照数组中的顺序进行排序。请不要跟随-你能编辑这个问题吗？修复了@akhilarvind这个问题非常适合我的需要。还有一个问题，假设我将添加新的数组集，我如何添加最后一行的下一个数组？不，先生。我的意思是，假设已经创建了表，我想添加一组新的数组，如何将其添加到已创建表的下面rows@myownemail，你的意思是，如何处理Col6，Col7？@myownemail，查看更新的答案，这是你想要的吗？先生，我可以创建另一个自定义标题这一个非常适合我的需要。还有一个问题，假设我将添加新的数组集，我如何添加最后一行的下一个数组？不，先生。我的意思是，假设已经创建了表，我想添加一组新的数组，如何将其添加到已创建表的下面rows@myownemail，你的意思是，如何处理Col6，Col7？@myownemail，查看更新的答案，这是你想要的吗？先生，我可以创建另一个自定义标题吗