如何将 Webix 数据表列拆分为多个列?

How to split a Webix datatable column into multiple columns?

在我的 webix 数据表中,我在某些列的单元格中显示了多个值。

为了确定哪些值属于哪个 header,我用 '|'(竖线)将 header 列分隔开,类似地,它们下面的值也是如此。

现在,代替 '|' 分隔列,我需要将列拆分为一些具有相同名称的可编辑列。

请参考这个片段:https://webix.com/snippet/8ce1148e

例如,在上面的代码片段中,Scores 列将拆分为两个可编辑的列,如 RankVote。类似地,Place 列变成 TypeName

第一个数组元素的值在每个元素下的显示方式将保持原样。

如何做到这一点?

谢谢

在为 webix 创建列配置时,您可以为第一列的 header 字段提供数组以及 colspan,如下所示:

var columns = []; columns[0] =
{"id":"From", "header":[{"text":"Date","colspan":2},{"text":"From"}]};

columns[1] = {"id":"To","header":[null, {"text":"To"}]};

column[0] will create Date and From and column[1] will be creating the To.