JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <table id="t">
            <th><td>ABS</td><td>XYZ</td></th>
        </table>
    </body>
</html>

JavaScript

var k;

function appendRows(n) {
    var fragment, row, cell, i;
    
    fragment = document.createDocumentFragment();
    for (i = 0; i < n; i++) {
        row = document.createElement("TR");
            
        cell = document.createElement("TD");
        cell.innerHTML = "abs";
        row.appendChild(cell);
            
        cell = document.createElement("TD");
        cell.innerHTML = "xyz";
        row.appendChild(cell);
            
        fragment.appendChild(row);
    }
    
    document.getElementById("t").appendChild(fragment);
}

time = new Date();

for (k = 0; k < 100; k++) {
    appendRows(1000);
}

alert(0.001 * (new Date() - time) + 's');