Javascript 使用动态模式从嵌套的json创建展开的可编辑表

我正在尝试创建一个UI组件，以扁平化（二维）形式将MongoDB中的JSON数据显示到一个可编辑的表中。JSON数据是无模式的，因此它可以有任意数量/类型的字段

我愿意使用任何UI框架

我尝试过使用jquery。它将JSON数组作为输入，提供一个带有可编辑单元格的表格视图，并支持嵌套对象，而无需显式定义列

但这有一个局限性，即它没有以展开形式显示数据的选项，而是提供了一种表内表的视图，如下所示：

---

我是一名对UI（HTML和javascript）了解有限的后端开发人员，因此我正在寻找一个插件来解决我的问题。

我喜欢这里关于如何展平对象的答案。也许您可以使用此功能，将对象展平，然后使用您找到的库以提高效率。注意。

但是，我必须注意将其转换回JSON以保存在DB中。