Javascript HTML表未正确呈现
我有一个包含JSON数据的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”, “项
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