JSFiddle - React, Tailwind, and code Playground

by Mike Gleeson

HTML

<div id='container'>
    
</div>

CSS

.Odd
{
    background-color: #676767;
    color: white;
}

.Even
{
    background-color: #A9A9A9;
    color: black;
}

JavaScript

function dynamicTableBuilder(HeaderRows, BodyRows, CssClass)
{
    var _html = "<table class='"+CssClass+"'><thead><tr>";
    
    for (var i = 0; i < HeaderRows.length; i++)
    {
        _html += "<th>"+HeaderRows[i]+"</th>";
    }
    
    _html += "</tr></thead><tbody>";
    
    for (var j = 0; j < BodyRows; j++) 
    {
        _html += "<tr>" + BodyRows[j] + "</tr>";
    }
    
    _html += "</tbody></table>";
    
    return _html;
}