table合并单元格

   this.list = [
        {
          name: '小岳岳',
          sum: 20,
          id: 154,
          workerTypeList: [
            {
              workerTypeName: '建筑电工',
              price: 200,
              overTime: 8,
              workingTime: 8,
              moneySum: 0,
              hourSum: 0,
              data: {
                "1" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                "2" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
              },
            },
            {
              workerTypeName: '书泥工',
              price: 200,
              overTime: 8,
              workingTime: 8,
              moneySum: 0,
              hourSum: 0,
              data: {
                "1" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                "2" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
              },
            }
          ]
        },
        {
          name: '郭德纲',
          sum: 20,
          id: 154,
          workerTypeList: [
            {
              workerTypeName: '小岳岳师傅',
              price: 200,
              overTime: 8,
              workingTime: 8,
              moneySum: 0,
              hourSum: 0,
              data: {
                "1" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                "2" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
              },
            },
            {
              workerTypeName: '德云社',
              price: 200,
              overTime: 8,
              workingTime: 8,
              moneySum: 0,
              hourSum: 0,
              data: {
                "1" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                "2" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
              },
            },
            {
              workerTypeName: '说相声的',
              price: 200,
              overTime: 8,
              workingTime: 8,
              moneySum: 0,
              hourSum: 0,
              data: {
                "1" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                "2" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
                 "3" : {
                  adjustHour: 8,
                  adjustMoney: 9,
                  hour: 9,
                },
              },
            }
          ]
        }
      ];

以上数据如何合并成这种形式的单元格

image.png

阅读 1.6k
1 个回答

<td>里面有属性colSpan,rowSpan这两个属性,
比如:for(var i of 你的数据){

i.workerTypeList.length//设置成为该列的td的rowSpan

}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题