Webix DataTable - 展开对象属性

Question

如果我有以下形式的 (JavaScript) 个对象列表：

var results = [
  {'name': 'mary', 'availability' : { 'monday': 'True', 'tuesday': 'False' ... } },
  {'name': 'john', 'availability' : { 'monday': 'False', 'tuesday': 'False' ... } },
  {'name': 'pete', 'availability' : { 'monday': 'True', 'tuesday': 'True' ... } }
]

如何在 Webix DataTable 中显示此数据，将 availability 中的每一天作为一列？

我的 DataTable 配置对象如下所示：

var dtable = webix.ui({
    ....
    view:"datatable",
    id: "nameTable",
    columns:[
        { id: "name",                 header:"Name"},
        { id: "availability.monday",  header:'Mon'},
        { id: "availability.tuesday", header:'Tue'}, 
        ...
    ],
    data:results,
    ...        
});

我也试过：id: "availability['mon']" 不工作也不报错。如果我只是这样做：id:"availability"，在浏览器中我看到它显示每一行 [object Object]。

我也试过 autoconfig option 但它没有渲染任何东西（没有错误）。

我试图在 the documentation 中找到示例，但目前还没有找到。我确信这一定是可能的，而无需重组我的传入数据！

Answer 1

Webix DataTable 中没有对复杂属性的原生支持。不过，您可以使用列对象的 "template" 属性将数据对象的任何属性显示为列的值。

columns:[
    { id: "col1", template:"#availability.monday#"},

Webix DataTable - 展开对象属性

Webix DataTable - expand object properties

javascript

datatable

webix