如何将 Webix 数据表列拆分为多个列?
How to split a Webix datatable column into multiple columns?
在我的 webix 数据表中,我在某些列的单元格中显示了多个值。
为了确定哪些值属于哪个 header,我用 '|'
(竖线)将 header 列分隔开,类似地,它们下面的值也是如此。
现在,代替 '|'
分隔列,我需要将列拆分为一些具有相同名称的可编辑列。
请参考这个片段:https://webix.com/snippet/8ce1148e
例如,在上面的代码片段中,Scores
列将拆分为两个可编辑的列,如 Rank
和 Vote
。类似地,Place
列变成 Type
和 Name
。
第一个数组元素的值在每个元素下的显示方式将保持原样。
如何做到这一点?
谢谢
在为 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.
在我的 webix 数据表中,我在某些列的单元格中显示了多个值。
为了确定哪些值属于哪个 header,我用 '|'
(竖线)将 header 列分隔开,类似地,它们下面的值也是如此。
现在,代替 '|'
分隔列,我需要将列拆分为一些具有相同名称的可编辑列。
请参考这个片段:https://webix.com/snippet/8ce1148e
例如,在上面的代码片段中,Scores
列将拆分为两个可编辑的列,如 Rank
和 Vote
。类似地,Place
列变成 Type
和 Name
。
第一个数组元素的值在每个元素下的显示方式将保持原样。
如何做到这一点?
谢谢
在为 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.