2017-08-15 112 views
0

的数据结构是这样的:显示了嵌套数组数据结构,我想在handsontable显示对象的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'} 
] 

回答

0

随着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, 
    });