JavaScript array containing data for the component
var data: [
{ "id":"1",
"value":"The Shawshank Redemption",
"open":true,
"data":[
{ "id":"1.1", "value":"Part 1", "chapter":"alpha"},
{ "id":"1.2", "value":"Part 2", "chapter":"beta", "open":true,
"data":[
{ "id":"1.2.1", "value":"Part 1", "chapter":"beta-twin"},
{ "id":"1.2.2", "value":"Part 1", "chapter":"beta-twin"}
]
}
}
];
webix.ui({
view:"treetable",
data:data,
columns:[
{ id:"id", header:""},
{ id:"value", header:"Film title",
template:"{common.treetable()} #value#" },
{ id:"chapter", header:"Mode", width:200}
]
});
After the data is parsed, each data item will be supplied with the following properties to form the hierarchy: