Javascript 如何为每条记录创建嵌套网格的动态列

我有这样的json数据

   [
  {
    "Name": "Alex",
    "Roll": 1,
    "collection": [
      {
        "Name": "Alex",
        "Roll": 1,
        "Class": 1,
        "stk": "Val1",
        "Marks": [
          {
            "Maths": 100,
            "Science": 200
          }
        ],
        "Weight": 50
      },
      {
        "Name": "Alex",
        "Roll": 1,
        "Class": 1,
        "stk": "Val2",
        "Marks": [
          {
            "Maths": 100,
            "Science": 200
          }
        ],
        "Weight": 60
      }
    ]
  },
  {
    "Name": "Brat",
    "Roll": 2,
    "collection": [
      {
        "Name": "Brat",
        "Roll": 2,
        "Class": 2,
        "stk": "Val1",
        "Marks": [
          {
            "English": 100,
            "History": 200
          }
        ],
        "Weight": 40
      },
      {
        "Name": "Brat",
        "Roll": 2,
        "Class": 2,
        "stk": "Val1",
        "Marks": [
          {
            "English": 100,
            "History": 200
          }
        ],
        "Weight": 30
      }
    ]
  },
  {
    "Name": "Cean",
    "Roll": 3,
    "collection": [
      {
        "Name": "Cean",
        "Roll": 3,
        "Class": 1,
        "stk": "Val1  ",
        "Marks": [
          {
            "Physic": 100,

          }
        ],
        "Weight": 40
      }
    ]
  }
]

我从这里开始准备嵌套网格

在我的情况下，要求是不同的。正如我们在url中看到的，列已经在这里定义，但在我的例子中，上一列是预定义的，但嵌套网格中的列是varry

如果查看数据，则集合数组中的标记在一个数组中具有相同的主题，而在集合的上一个数组中具有不同的主题。因此，标记是动态的。如何创建嵌套网格的动态列

我的第一个记录是：stk，数学和科学

我的第一个记录专栏是：stk，英语和历史

我的第一张专辑是：stk，物理学

---

任何光如何实现这一点。

检查这一点，我能够实现嵌套网格与扩展器，它是在fidller中提到的方式。我的问题是如何在grid rec级别创建动态列。在嵌套网格中，我们只有三个特定的列。但在我的例子中，每个rec都有不同的列。在rowExpanderGrid小部件addInnerGridOnExpand中，您可以创建自己的列配置并附加它。好的，让我在这里试试，@JD我想要一个小主意。我还为main调用了动态列，因此我应该调用哪个侦听器来将列推送到列数组中