How to have multiple columns under one column in a datatable

Hi ,

Few columns of my data table is showing multiple values from an array object.
In the following example, you may see that ‘Numbers’ and ‘City’ columns are showing multiple values separated by a ‘:’ (colon).

https://webix.com/snippet/a2ebabef

Instead of splitting the column header into names matching to match each of the values separated by ‘:’ (colon), I need to split those columns into editable sub-columns . Meaning ‘Numbers’ column will have two more editable columns beneath it named as ‘Rank’ and ‘Vote’. Similarly ‘City’ column will be split.

The first element of array object should be shown as is.

How can I achieve this ?

I would implement popup editor with separate datatable for such needs.

Something like this maybe : https://webix.com/snippet/a322768d ?

Yuppy , it works well. Thanks.