多个相同多层级json表格数据构件表格

Question

我现在有一个大小为100的list，里面包含的是多个相同的多层级json，要用element-ui构建表格，其中json的key为表头，value为值。
数据举例：

[
    {"id":"0"},
    {
        "arrs":{
            "name": "小樱",
            "sex": "女",
            "age": 17,
            "grade": {
                "gname": "三年五班",
                "gdesc": "初三年级八班",
                "group": {
                    "english_group": "第2小组",
                    "math_group": "第5小组"
                }
            }
        }
    }
]

目标结果：

json的key和value都是可以动态增加删除的
求教各位大佬，用element-ui怎么写？