ActiveReportJs React 表中的嵌套数组对象列表

问题描述 投票:0回答:0

这是我的示例对象,我想用这些列创建一个表 家乡 |成员 |电源 |子权力 {故乡}| {名称} | {名称} | {姓名} 我怎样才能像这样在表格中显示这些嵌套数组(我在文档中找不到任何信息)

对于我想使用 DrillDown 的每一列,它会显示下一列数据(这部分我知道如何通过分组来完成)

向下钻取报告示例

这个例子是用同一级别的所有数据制作的,而不是像我的 Json 那样嵌套。我需要用多个列制作一个这样的列,但每一列都从嵌套数组中获取数据。

我正在为 React 使用 ActiveReportsJs v4

[{
  "squadName": "Super hero squad",
  "homeTown": "Metro City",
  "formed": 2016,
  "secretBase": "Super tower",
  "active": true,
  "members": [
    {
      "name": "Molecule Man",
      "age": 29,
      "secretIdentity": "Dan Jukes",
      "powers": [
        {
          "name": "Radiation resistance",
          "description": "Can resist harmful radiation",
          "subPowers": [
            {
              "name": "Immune to gamma radiation"
            },
            {
              "name": "Resistant to x-rays"
            },
            {
              "name": "Absorbs cosmic rays for energy"
            }
          ]
        },
        {
          "name": "Turning tiny",
          "description": "Can shrink to a tiny size",
          "subPowers": [
            {
              "name": "Increased agility"
            },
            {
              "name": "Hard to detect"
            },
            {
              "name": "Can enter small spaces"
            }
          ]
        },
        {
          "name": "Radiation blast",
          "description": "Can emit blasts of radiation",
          "subPowers": [
            {
              "name": "Can cause cancer in opponents"
            },
            {
              "name": "Disrupts electronics"
            },
            {
              "name": "Can create EMPs"
            }
          ]
        }
      ],
      "equipment": [
        {
          "name": "Molecular Gauntlets",
          "description": "Allows control of molecular structure"
        },
        {
          "name": "Molecular Belt",
          "description": "Enhances molecular manipulation abilities"
        }
      ]
    },
    {
      "name": "Madame Uppercut",
      "age": 39,
      "secretIdentity": "Jane Wilson",
      "powers": [
        {
          "name": "Million tonne punch",
          "description": "Can punch with incredible force",
          "subPowers": [
            {
              "name": "Can shatter steel"
            },
            {
              "name": "Sends shockwaves through the ground"
            },
            {
              "name": "Can create sonic booms"
            }
          ]
        },
        {
          "name": "Damage resistance",
          "description": "Can withstand incredible amounts of damage",
          "subPowers": [
            {
              "name": "Regenerates quickly"
            },
            {
              "name": "Can absorb energy attacks"
            },
            {
              "name": "Hard to hurt"
            }
          ]
        },
        {
          "name": "Superhuman reflexes",
          "description": "Can react incredibly quickly",
          "subPowers": [
            {
              "name": "Can dodge bullets"
            },
            {
              "name": "Can catch objects thrown at high speeds"
            },
            {
              "name": "Can anticipate opponents' moves"
            }
          ]
        }
      ],
      "equipment": [
        {
          "name": "Uppercut Gloves",
          "description": "Enhances punching power"
        },
        {
          "name": "Uppercut Boots",
          "description": "Enhances kicking power"
        }
      ]
    }
  ]
}]

我已经阅读了所有 ActiveReportsJs 文档,但没有找到任何带有这种嵌套 JSON 的选项。

在下面的嵌套数据集示例中,它只显示了 2 层嵌套数组,但我需要超过 3 层。

嵌套数据集示例

reactjs activereports
© www.soinside.com 2019 - 2024. All rights reserved.