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

Question

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

为了识别哪些值属于哪个标题，我用'|'（管道）分隔了列标题，并且它们下面的值也是类似的。

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

请参考这个sn-p：https://webix.com/snippet/8ce1148e

例如，在上面的 sn-p 中，Scores 列将分为两个可编辑的列，分别为 Rank 和 Vote。对于 Place 列，Type 和 Name 也类似。

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

如何做到这一点？

谢谢

Answer 1

在为 webix 创建列配置时，您可以为第一列的标题字段提供数组以及如下所示的 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.