Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML表未正确呈现_Javascript_Jquery_Html_Html Table - Fatal编程技术网

Javascript HTML表未正确呈现

Javascript HTML表未正确呈现,javascript,jquery,html,html-table,Javascript,Jquery,Html,Html Table,我有一个包含JSON数据的HTML表格,我正在做的是创建一列作为输入字段,我的表格标题是code,Item Name,Unitcode,Quantity和acceptedquantity,其中我将接受数量作为唯一的输入字段,但是数量字段也被转换为输入字段,我不知道我做错了什么 var tableDataDraft=[{ “代码”:“1326”, “项目名称”:“菠萝公斤”, “单位代码”:“编号”, “数量”:“3.00”, “接受数量”:“3.00” }, { “代码”:“1494”, “项

我有一个包含JSON数据的HTML表格,我正在做的是创建一列作为输入字段,我的表格标题是
code
Item Name
Unitcode
Quantity
acceptedquantity
,其中我将接受数量作为唯一的输入字段,但是数量字段也被转换为输入字段,我不知道我做错了什么

var tableDataDraft=[{
“代码”:“1326”,
“项目名称”:“菠萝公斤”,
“单位代码”:“编号”,
“数量”:“3.00”,
“接受数量”:“3.00”
},
{
“代码”:“1494”,
“项目名称”:“每公斤2D蛋糕费用”,
“单位代码”:“编号”,
“数量”:“3.00”,
“接受数量”:“3.00”
}
]
函数addTableDraft(tableDataDraft){
var col=Object.keys(tableDataDraft[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(“表”);
divContainer.innerHTML=“”;
divContainer.appendChild(表);
表.classList.add(“表”);
table.classList.add(“带条纹的表”);
table.classList.add(“带边框的表”);
table.classList.add(“表悬停”);
}
addTableDraft(tableDataDraft)

问题在于,在每行插入值时,比较的是列值而不是列名。当值相同时,这将导致问题,例如
数量
接受数量
具有相同的值
3.0
。尝试将一个更改为
4.0
,您会发现它可以工作

下面是代码的简化版本,用于检查当前列是否为
AcceptedQty
,并仅显示该列的输入字段。您仍然可以使用其他
if
块,但请确保条件类似于
if(col[j]=='code')
(col[j]=='Quantity')

var tableDataDraft=[{
“代码”:“1326”,
“项目名称”:“菠萝公斤”,
“单位代码”:“编号”,
“数量”:“3.00”,
“接受数量”:“3.00”
},
{
“代码”:“1494”,
“项目名称”:“每公斤2D蛋糕费用”,
“单位代码”:“编号”,
“数量”:“3.00”,
“接受数量”:“3.00”
}
]
函数addTableDraft(tableDataDraft){
var col=Object.keys(tableDataDraft[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;i