JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/janl/mustache.js/master/mustache.js"></script>
<table id="myTable"></table>
<script type="text/template" id="rowTemplate">
    {{#rows}}
    <tr>
        {{#items}}
        <td>
            {{.}}
        </td>
        {{/items}}
    </tr>
    {{/rows}}
</script>

CSS

table{
    border-collapse: collapse;
}

td{
    border:1px solid #000;
}
}

JavaScript

var template = document.getElementById('rowTemplate').innerHTML;

var data = {
    rows : [
        {
            items : ['hello1','world1']
        },{
            items : ['hello2','world2']
        }
    ]
}

var usableHTML = Mustache.render(template,data);
document.getElementById('myTable').innerHTML = usableHTML;