2017-08-15 38 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, 
    });