JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable">

</table>

CSS

table td{
    border: 1px solid black;
    padding: 15px;
}


span{
  color: red;
}

JavaScript

var row = "<tr><td><span>col1</span></td><td>col2</td></tr>";
var render = function(){
    var table = document.getElementById('myTable');
    var tbody = document.createElement('tbody');
    tbody.innerHTML = row;
    table.appendChild(tbody);

    console.log(tbody.innerHTML);
};

$(document).ready(function(){
    render();
});