JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/0.9.86/jsrender.js"></script>
<table id="TemplateData">

</table>

JavaScript

var i = 0, htmlStr =  "<tr style = 'height: {{:height}}px' idx = '{{:rowidx}}'>" , colgrp = document.createElement("colgroup"), templates ={obj:""};
            while (i < 900) {
                colWth = 20;
                colHdr = "A" + 1;
                col = document.createElement("col");
                col.style["width"] = colWth + "px";
                htmlStr += "<td class='{{:" + colHdr + "_className}}' rowspan=' {{:" + colHdr + "_rspan}}' colspan=' {{:" + colHdr + "_cspan}}'>{{:" + colHdr + "_value}}</td>";
                colgrp.append(col);
                i++;
            }
            templates["obj"] = htmlStr + "</tr>";
            $.templates(templates);
            $("#TemplateData").append($.render["obj"]([{}]));