Trying to figure out which property editor would suit this situation best. It's a Table, however the design needs it to be laid out completely differently for Mobile. So can't simply output an HTML table. Need the json data to represent a table format but in rows / cells:

{
  "Row": {
    "0": "Row 0 Cell 0 data",
    "1": "Row 0 Cell 1 data"
  },
  "Row 1": {
    "0": "Row 1 Cell 0 data",
    "1": "Row 1 Cell 1 data"
  }
}

However the user can create tables with various numbers of columns, so for a 4 column the data needs to look like this:

{
  "Row": {
    "0": "Row 0 Cell 0 data",
    "1": "Row 0 Cell 1 data",
    "2": "Row 0 Cell 2 data",
    "3": "Row 0 Cell 3 data"
  },
  "Row 1": {
    "0": "Row 1 Cell 0 data",
    "1": "Row 1 Cell 1 data",
    "2": "Row 1 Cell 2 data",
    "3": "Row 1 Cell 3 data"
  },
}

Any good ideas for the property editor in this instance? Simple way would be for them to have a different property editor for tables with 1, 2, 3 or 4 columns. However feels like there should be a better way. Thanks!

Any good? : https://marketplace.umbraco.com/package/limbo.umbraco.tables

Thanks Craig, super helpful!

Isn't there a grid-thing in Umbraco? Block grid? Only ever used block lists, so I'm not sure.