JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
  <tbody>
    <tr></tr>
  </tbody>
</table>

CSS

td {
  background: red
}

JavaScript

tableCols = ("Ячейка1,Ячейка2,Ячейка3,Ячейка4").split(',');
row = document.getElementById('table').querySelector('tbody tr')

for(let i = 0; i < tableCols.length; i++)
	row.innerHTML += '<td>' + tableCols[i] + '</td>'