0

I'm trying to create a UI component to display JSON data from MongoDB into an editable table in a flattened (2 dimensional) form. The JSON data is schemaless, so it can have any number/type of fields.

I'm open to using any UI framework.

I have tried using jquery json-table-editor. It takes JSON array as input, gives a tabular view with editable cells, and supports nested objects without having to define columns explicitly.

But this has a limitation in that it doesn't have an option to display the data in flattened form instead it gives a table-within-table kind of view, like this:

enter image description here

I'm a backend developer having limited knowledge of UI(HTML and javascript), so I'm looking for a plugin that solves my problem.

HyperioN
  • 3,433
  • 2
  • 22
  • 36

1 Answers1

0

I like the answer here, on how to flatten objects. https://stackoverflow.com/a/55251598/12297696. Maybe you could use this function, to flatten the objects and then use the library you found for sake of efficiency. Regards.

Fabian
  • 188
  • 2
  • 5