在handsontable中显示一个带有嵌套数组的数据结构

Question

我想在handsontable中显示的对象的数据结构如下所示：

[
    {
    "job": "farmer, 
    "persons":
        [
        {"name": "mike"}, {"name":"nina"}
        ]
    },
    {
    "job": "carpenter, 
    "persons":
        [
        {"name": "lenny"}
        ]
    }
]

我想到的表格应该是这样的：

job        |  name 
-----------------------
farmer     | mike
           | nina
carpenter  | lenny

有什么办法可以做到吗？

我在这里创建了一个 jsfiddle：http://jsfiddle.net/fLqre6w7/

如你所见，我写道：

columns: [
  {data: 'job'},
  {data: 'persons'}
]

我很想写：

columns: [
  {data: 'job'},
  {data: 'persons.name'}
]

Answer 1

使用nestedRows，您可以接近这一点。 http://jsfiddle.net/qoez14w0/1/

var sourceDataObject = [
      {job: "Farmers", name: null, __children: [{name:"mike"}, {name:"nina"}]},
      {job: "Carpenters", __children: [{name:"lenny"}]}
    ],
    container = document.getElementById('example1'),
    hot;

  hot = new Handsontable(container, {
    data: sourceDataObject,
    rowHeaders: true,
    colHeaders: ['Farmers', 'Name'],
    nestedRows: true,
    contextMenu: true,
  });