JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hidden">
<row>
  <Col0>titles</Col0>
  <Col1>more titles</Col1>
  <Col2>title</Col2>
  <Col3>name</Col3>
  <Col4>another name</Col4>
  <Col5>different name</Col5>
  <Col6></Col6>
  <Col7></Col7>
  <Col8></Col8>
 </row>
 <row>
  <Col0>5:58</Col0>
  <Col1>-</Col1>
  <Col2>6:08</Col2>
  <Col3>6:11</Col3>
  <Col4>6:15</Col4>
  <Col5>6:19</Col5>
  <Col6></Col6>
  <Col7></Col7>
  <Col8></Col8>
 </row>
</div>

<table class="tabl"></table>
<div class="append"></div>

CSS

.hidden{display:none;}

table, tr, td {
border:1px solid darkBlue}

JavaScript

$('row').each(function(){
    var $row = $(this);
    $('.tabl').append($('<tr></tr>').append($row.children().wrapInner('<td style="width:80px"></td>').find('td:parent')));
})