title: How to split a Webix datatable column into multiple columns?
body: <p>In my <em>webix</em> datatable, I am showing multiple values in the cells for some columns. </p>
  
  <p>To identify which values belong to which header, I have separated the column headers by a <code>'|'</code> (pipe) and similarly the values under them as well.</p>
  
  <p>Now, in place of delimiting the columns by <code>'|'</code> , I need to split the columns into some editable columns with the same name. </p>
  
  <p>Please refer to this snippet : <a href="https://webix.com/snippet/8ce1148e" rel="nofollow noreferrer">https://webix.com/snippet/8ce1148e</a> <br><br>
  In this above snippet, for example the <code>Scores</code> column will be split into two more editable columns as <code>Rank</code> and <code>Vote</code>. Similarly for <code>Place</code> column into <code>Type</code> and <code>Name</code>. </p>
  
  <p>How the values of the first array elements is shown under each of them will remain as is.</p>
  
  <p>How can this be done ?</p>
  
  <p>Thanks</p>