demo之家 2022-01-18 20:04 采纳率: 50%
浏览 44
已结题

elementui如何合并表格

问题遇到的现象和发生背景

目前想要对elementui的表格进行合并

问题相关代码,请勿粘贴截图

以下是我的数据结构


[
        {
          "category": "牛",
          "currentQuantity": 110,
          "details": [
            {
              "category": "牛",
              "vaccineShortName": "口蹄疫",
              "finals": 33,
              "nots": 1,
              "notChildrens": 0,
              "notIlls": 0,
              "notPregnancies": 1,
              "completedDensity": "97.06",
              "planQuantity": 400,
              "surveyDensity": "8.25"
            },
            {
              "category": "牛",
              "vaccineShortName": "布病",
              "finals": 127,
              "nots": 6,
              "notChildrens": 2,
              "notIlls": 1,
              "notPregnancies": 3,
              "completedDensity": "95.49",
              "planQuantity": 500,
              "surveyDensity": "25.4"
            }
          ]
        },
        {
          "category": "羊",
          "currentQuantity": 211,
          "details": [
            {
              "category": "羊",
              "vaccineShortName": "口蹄疫",
              "finals": 165,
              "nots": 41,
              "notChildrens": 20,
              "notIlls": 0,
              "notPregnancies": 21,
              "completedDensity": "80.1",
              "planQuantity": 255,
              "surveyDensity": "64.71"
            },
            {
              "category": "羊",
              "vaccineShortName": "布病",
              "finals": null,
              "nots": null,
              "notChildrens": null,
              "notIlls": null,
              "notPregnancies": null,
              "completedDensity": 0,
              "planQuantity": 11,
              "surveyDensity": "0"
            },
            {
              "category": "羊",
              "vaccineShortName": "小反刍兽疫",
              "finals": null,
              "nots": null,
              "notChildrens": null,
              "notIlls": null,
              "notPregnancies": null,
              "completedDensity": 0,
              "planQuantity": 12,
              "surveyDensity": "0"
            },
            {
              "category": "羊",
              "vaccineShortName": "包虫病",
              "finals": null,
              "nots": null,
              "notChildrens": null,
              "notIlls": null,
              "notPregnancies": null,
              "completedDensity": 0,
              "planQuantity": 0,
              "surveyDensity": "0"
            }
          ]
        },
      ]

现在在合并的时候我想把vaccineShortName这个字段分开成多行展示,目前是一行

运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

现在在合并的时候我想把vaccineShortName这个字段分开成多行展示,目前是一行,以下是我想要的结果

img

  • 写回答

3条回答 默认 最新

  • 你好!机器人 2022-01-19 09:11
    关注

    用:span-method="arraySpanMethod"
    https://element.eleme.cn/#/zh-CN/component/table

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 1月27日
  • 已采纳回答 1月19日
  • 创建了问题 1月18日

悬赏问题

  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3