Javascript 要为HTML表创建JSON格式吗

我想创建一个HTML表。但我无法理解我的JSON应该是什么样的格式，应该有什么键值对

这是我想要的桌子。请任何人帮我解决这个HTML表对应的JSON和jQuery/Javascript代码。 我现在被困在这里一段时间了

这是我之前制作的JSON：

[
{
    "Billdate": "01-08-18",
    "Total": "90",
    "Ol1-total": "20",
    "c1": "2",
    "c2": "4",
    "c3": "6",
    "c4": "8",
    "Ol2-total": "36",
    "c12": "10",
    "c22": "12",
    "c32": "14",
    "Ol3-total": "34",
    "c2": "16",
    "c3": "18"

},
{
    "Billdate": "02-08-18",
    "Total": "150",
    "Ol1-total": "66",
    "c1": "20",
    "c2": "22",
    "c3": "0",
    "c4": "24",
    "Ol2-total": "54",
    "c2": "26",
    "c3": "28",
    "c4": "0",
    "Ol3-total": "30",
    "c2": "22",
    "c3": "30"
}]  

但上面说的是复制钥匙

所以我已经改变了我的HTML风格，现在我不能考虑JSON格式，甚至不能考虑用于呈现表的javascript
我正在使用以下代码：

函数addTable（）{
var col=Object.keys（tableValue[0]）；//从第一个对象获取所有键
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
//将第一项移到最后一项
//创建动态表。
var table=document.createElement（“表”）；
//使用上面提取的标题创建HTML表格标题行。
var tr=table.insertRow（-1）；//表行。
对于（变量i=0；i

---

但它只适用于单个循环，不适用于嵌套和所有循环。

我将单独计算列总数，而不将它们作为数据集的一部分：

const数据=[
//一行由一个日期、三个列数据数组组成
{
日期：2018年2月1日，
ol1:[10,20,25]，
ol2:[15,30]，
ol3:[35]
},
{
日期：2018年2月2日，
ol1:[5,0,15],，
ol2:[10,0]，
ol3:[20]
}
];
//计算整数数组的和
常数和=（arr）=>arr.reduce（（n，c）=>n+c，0）；
//将某一类型的单元格分组
const group=（arr）=>arr.map（el=>`${el}`）。join（“”）；
//数据集中每行对象上的“map”
const rows=data.map（row=>{
//预先计算总数
const ol1total=总和（第ol1行）；
const ol2total=总和（第ol2行）；
const ol3total=总和（第ol3行）；
const alltotal=总和（[ol1总计，ol2总计，ol3总计]）；
//然后为每一行返回一个HTML字符串
返回`
${row.date}
${alltotal}
${ol1total}
${group（row.ol1）}
${ol2total}
${group（row.ol2）}
${ol3total}
${group（row.ol3）}
`
});
//创建一些标题HTML
常量标题=[‘日期’、‘计数器’、‘总计’、‘c1’、‘c2’、‘c3’、‘总计’、‘c1’、‘c2’、‘总计’、‘c1’]；
const headingsHTML=`${headers.join（'''）}`；
//将其添加到DOM中
document.body.insertAdjacentHTML（'beforeed'`
${headingsHTML}
${rows.join（“”）}
`);
表{边框折叠：折叠；}
thead{font-weight:粗体；背景色：#efef；}
td{border:1px solid#bcbc；padding:3px；}
发布的问题似乎根本不包含解决问题的方法。StackOverflow希望您首先解决自己的问题，因为您的尝试有助于我们更好地了解您的需求。请编辑问题以显示您尝试过的内容，以便说明您在某个问题中遇到的具体问题。@AnkitAgarwal buddy我不知道，因为我是新来的。这就是我发布的原因，请不要做任何负面标记。。如果您做不到help@dheerajkumar即使你是新人，请尝试并提供代码尝试。@AnkitAgarwal现在我已更新，如果您能帮助我，请执行任何操作favour@Andy你能为它提供小提琴吗..因为它在我的html页面中不起作用，主要部分是ol1，ol2不是固定的，这些是基于用户选择的。在我的代码中有10个ols，每个ols有3-4个计数器。这里所有的都是动态的。我的头不是静态的，所以我不能静态创建它们。所有这些都是从数据库提交的。所有这些都是非常有用的信息，可以包含在问题中。我不会再编辑我的答案了。祝你好运。