如何使用element table合并单元格达到想要的效果

Question

拿到的是一个三层嵌套的数据，格式大概为

[
  {
    name: 1,
    id: 1,
    children: [
      {
        name: 2,
        id: 2,
        children: [
          {
            name: 3,
            id: 3
          }
        ]
      }
    ]
  },
  {
    name: 4,
    id: 4,
    children: [
      {
        name: 5,
        id: 5,
        children: [
          {
            name: 6,
            id: 6
          }
        ]
      }
    ]
  }
]

需求是根据二级菜单的数量来生成行数，一级菜单里有几个二级菜单，就把这个一级菜单合并几行，效果图大概如下

我应该怎么在table里循环数据，以及做合并单元格的功能呢，求大佬们给个思路

Answer 1

单列动态合并参考：https://segmentfault.com/q/10...
多列动态合并参考：https://segmentfault.com/a/11...