JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divWithTable" class="someClassName"></div>
<SCRIPT Language="JavaScript">
   var ourDiv = document.getElementById("divWithTable");
   var tableHTML = "<table>" 

   for(i = 0; i < 5; i++){
     tableHTML += "<tr>";

     for (j = 0; j < 5; j++){
        tableHTML += "<td>row " + i + ", column " + j + "</td>"
     }

     tableHTML += "</tr>";  
    }

  tableHTML +="</table>";

  ourDiv.innerHTML = tableHTML;

//-->
</SCRIPT>

CSS

.someClassName
    {
        background-color:#F00;
        margin: 1em;
    }

     // cellpadding
    .someClassName table th, .someClassName table td { padding: 5px; }

    // cellspacing
    .someClassName table { border-collapse: separate; border-spacing: 5px; }