Javascript 显示其中一列为空的HTML表

我正在用JSON数据创建一个HTML表，但我的一列显示为空。 显示为空的列实际上是一个输入字段，我从后端获取其数据

“我的表格”正在处理的用户按钮单击：-

• 首先，我的表没有呈现

  quantity

  列
• 在用户在输入字段中输入一些内容并单击视图之后，他只能看到他/她提供输入的行
• 然后，如果用户单击“编辑”，他/她将进入主表，以便用户可以再次输入
• 重要提示：

  itemsQuantiry1

  用于将用户输入的值存储到输入字段中，如果用户单击“编辑”，则用户输入的所有数据都将显示在输入字段中

var tableData1=[{
“项目代码”：“1388”，
“项目名称”：“Bakala Bhath”，
“售价”：“60.0000”，
“数量”：“1478.0000”
},
{
“项目代码”：“1389”，
“项目名称”：“Bisibelebath”，
“售价”：“68.0000”，
“数量”：“2596.0000”
},
{
“项目代码”：“1409”，
“项目名称”：“Puliogare”，
“售价”：“60.0000”，
“数量”：“3698.0000”
}
]
var itemsQuantiry1=[]；
函数addTable1（tableData1）{
var col=Object.keys（tableData1[0]）；
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
var table=document.createElement（“表”）；
var tr=table.insertRow（-1）；//表行。
对于（变量i=0；i1）
tabCell.classList.add（“文本右键”）；
}
}
var divContainer=document.getElementById（“HourlysalesSummary”）；
divContainer.innerHTML=“”；
divContainer.appendChild（表）；
表.classList.add（“表”）；
table.classList.add（“带条纹的表”）；
table.classList.add（“带边框的表”）；
table.classList.add（“表悬停”）；
$（“.dataReset”）.focus（函数（）{
$（“#加载草稿”）.hide（）；
$（“#保存草稿”）.show（）；
});
$（“.dataReset”）。关于（“更改”，函数（e）{
itemsQuantiry1[$（this.attr（'index'）]=e.target.value；
});
}
添加表1（表数据1）；
函数viewData（）{
//获取所有数量输入字段
var quantityFields=document.getElementsByClassName（“数据重置”）；
//遍历所有数量输入字段
对于（var i=0；i

拯救
清楚的
看法
编辑
装载吃水
保存草稿

缺少此项

quantityField.setAttribute（“占位符”，tabledata）

对于第一个问题列表


var tableData1=[{
“项目代码”：“1388”，
“项目名称”：“Bakala Bhath”，
“售价”：“60.0000”，
“数量”：“1478.0000”
},
{
“项目代码”：“1389”，
“项目名称”：“Bisibelebath”，
“售价”：“68.0000”，
“数量”：“2596.0000”
},
{
“项目代码”：“1409”，
for (var i = 0; i < tableData1.length; i++) {
    itemsQuantiry1[i] = tableData1[i].Quantity;

    // your remaining code here.
  }