如何实现element-ui table单元格嵌套单元格

Question

问题描述

后台返回的数据是数组对象，该数组对象里面还有数组对象，要实现的功能是类似下图这样的

问题出现的环境背景及自己尝试过哪些方法

我尝试着用单元格嵌套单元格，但是行不通。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
这是我们后台返回的数据
{

"ruleCode": "1",
"ruleName": "name",
"ruleType": "type1",
"ruleOrder": 0,
"mainCollection": "www",
"ruleContent": "www",
"description": "www",
"ruleUDF": "www",
"ruleFilters": [
  {
    "isAndOps": true,
    "field": "22",
    "oprator": "ww",
    "matchingValue": "ww",
    "unit": "ww"
  }，
  {
    "isAndOps": true,
    "field": "44",
    "oprator": "ee",
    "matchingValue": "ee",
    "unit": "ee"
  }
],
"id": "5c330792325751158cfae7f4",
"state": null,
"createdTime": "2019-01-07T08:02:26.805Z",
"lastModifyTime": "2019-01-07T08:02:26.805Z"

},

你期待的结果是什么？实际看到的错误信息又是什么？

希望大佬们有个好的解决方法，实现图片上的功能，我自己也努力找到解决办法

Answer 1

楼主解决了吗？我也遇到同样的问题

Answer 2

嵌套的小table外面加div，给div加margin: -7px -11px;让div撑满大table的单元格

Answer 3

楼主有解决方案吗？