使用JavaScript在表后创建空白的可编辑列

我已经成功地使用JavaScript创建了动态表。现在，我想添加一个列，该列将是空白的，用户可以在表中的标题6列之后使用默认标题名称进行编辑

我不知道该怎么办

var passedArray=[
[“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”]，
[“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”]，
[“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”]，
[“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”]，
[“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”]
];
var html=“”；
passedArray[0]。forEach（函数（键）{
设newVal=key.replace（//g'，）.toUpperCase（）；
html+=“”+newVal+“”；
});
passedArray=passedArray.slice（1，）；
passedArray.forEach（函数（行）{
html+=“”；
Object.keys（行）.forEach（函数（键）{
html++=“行[键]+”；
});
html+=“”；
});
html+=“”；
normalizedDataTable.innerHTML=html
#两个表{
字体系列：Arial、Helvetica、无衬线字体；
边界塌陷：塌陷；
宽度：100%；
边缘底部：3rem；
文本最后对齐：居中；
}
#两个表td，
#两张桌子{
边框：1px实心#ddd；
填充：8px；
}
#双表tr：悬停{
背景色：#ddd；
}
#两张桌子{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4caf50；
颜色：白色；
}
您应该将表格包装成一个
，然后在每行中添加一个
：


var passedArray=[
[“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”]，
[“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”、“dsgdsfg”]，
[“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”、“fsgdfg”]，
[“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”、“sdgsdgfs”]，
[“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”、“dsgfd”]
];
//把桌子包起来
var html=“”
html+=“”；
passedArray[0]。forEach（函数（键）{
设newVal=key.replace（//g'，）.toUpperCase（）；
html+=“”+newVal+“”；
});
//为最后一列添加标题
html+=“编辑”
passedArray=passedArray.slice（1，）；
passedArray.forEach（函数（行）{
html+=“”；
Object.keys（行）.forEach（函数（键）{
html++=“行[键]+”；
});
//在每行中创建一个输入字段
html+=“”
html+=“”；
});
html+=“”；
//创建提交按钮
html+=“提交表单”；
//关闭窗体
html+=“”；
normalizedDataTable.innerHTML=html
#两个表{
字体系列：Arial、Helvetica、无衬线字体；
边界塌陷：塌陷；
宽度：100%；
边缘底部：3rem；
文本最后对齐：居中；
}
#两个表td，
#两张桌子{
边框：1px实心#ddd；
填充：8px；
}
#双表tr：悬停{
背景色：#ddd；
}
#两张桌子{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：#4caf50；
颜色：白色；
}
您尝试了什么？若你们自己创造了这个，那个么你们应该能够有一些想法？我已经尝试过，并且面临着可能会引起混乱的问题。这个概念是通过引用以下内容来合并表的[