html动态多级表格

一级表头调用重复的二级表头，只能在子数组里一个个声明吗？

 {
            field : 'Stock_num',
            align : 'center',
            class : 'editable',
            title : '库存数'
        },
        {
            field : 'Real_sum',
            align : 'center',
            class : 'editable',
            title : '实盘数'
        },
        {
            field : 'Less_sum',
            align : 'center',
            class : 'editable',
            title : '盘损数'
        },
        {
            field : 'More_sum',
            align : 'center',
            class : 'editable',
            title : '盘溢数'
        },

{
                field : 'total',
                align : 'center',
                class : 'editable',
                title : '所有种类合计',
                colspan: 4
            },

不用啊我提供一个思路定义一次其他地方调用就好了

  oneList: {
    subList: childrenList
  },
   childrenList:  [{
            field : 'Stock_num',
            align : 'center',
            class : 'editable',
            title : '库存数'
        },
        {
            field : 'Real_sum',
            align : 'center',
            class : 'editable',
            title : '实盘数'
        },
        {
            field : 'Less_sum',
            align : 'center',
            class : 'editable',
            title : '盘损数'
        },
        {
            field : 'More_sum',
            align : 'center',
            class : 'editable',
            title : '盘溢数'
        }],

不知道你这个问题是否已经解决, 如果还没有解决的话:

帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7611477
你也可以参考下这篇文章：HTML中如何将表格最外层边框设置成实线，内单元格边框设置成虚线？

除此之外, 这篇博客: HTML理解中的 两个盒子之间的距离，可能是子元素和父元素之间的距离，也有可能是兄弟元素之间的距离。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

padding-top:像素值;
padding-right:像素值;
padding-bottom:像素值;
padding-left:像素值;

padding:像素值1; //表示四个方向都是像素值 1
padding:像素值1,像素值2; //表示top、bottom为像素值 1 ，right、left为像素值 2
padding:像素值1,像素值2,像素值3,像素值4;
//表示top right bootom left分别为像素值 1 ， 2 ， 3 ， 4 。顺时针记忆。

margin-top:像素值;
margin-right:像素值;
margin-bottom:像素值;
margin-left:像素值;

以下回答由chatgpt基于相关博客总结生成:
根据问题描述，你想在HTML中创建一个多级表格，其中一级表头有重复的二级表头。以下是一个可能的解决方案：
1. 首先，你需要创建一个包含一级表头和二级表头的表格结构。你可以使用HTML的table、thead、tbody和th元素来创建表格。
```
<table>
  <thead>
    <tr>
      <th rowspan="2">一级表头1</th>
      <th colspan="2">二级表头1</th>
      <th colspan="2">二级表头2</th>
    </tr>
    <tr>
      <th>子表头1</th>
      <th>子表头2</th>
      <th>子表头1</th>
      <th>子表头2</th>
    </tr>
  </thead>
  <tbody>
    
  </tbody>
</table>
```
1. 在上述示例中，一级表头有两个重复的二级表头，你可以通过使用rowspan和colspan属性来定义一级和二级表头的跨行和跨列。在这个例子中，一级表头1跨越了两行，而二级表头1和二级表头2各自跨越了两列。
2. 根据你的需求，你可以在tbody中添加任意数量的行和单元格来填充表格的内容。
```
<tbody>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
    <td>数据4</td>
  </tr>
  <tr>
    <td>数据5</td>
    <td>数据6</td>
    <td>数据7</td>
    <td>数据8</td>
  </tr>
  
</tbody>
```
这样，你就可以使用HTML动态创建多级表格。定义好表格结构后，你可以通过JavaScript来动态添加、修改或删除行和单元格。
请注意，使用表格进行布局并不是最佳实践，特别是对于复杂的布局和响应式设计。在实际开发中，推荐使用CSS布局和网格系统来创建布局。表格更适合用于显示真正的表格数据。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^