JSFiddle - React, Tailwind, and code Playground

by ajayendra2707

HTML

<div id="table-container"></div>
<button onclick="javascript:createTable(10,10)">Try it</button>

JavaScript

function createTable(row_count, column_count) {
    var table = document.createElement("table-container"); 

    for (row = 0; row < row_count; row++) {
        let tr = document.createElement("tr");
        for (column = 0; column < column_count; column++) {
            let td = document.createElement("td"); 
            td.innerHTML = "a<sub>(" + (row+1) + "," + (column+1) + ")</sub>";
            tr.appendChild(td);
        }
        table.appendChild(tr);
    }
    table.setAttribute("border", "1");

    var tableHolder = document.getElementById("table-container");
    var oldTable = tableHolder.firstChild;
    if (!oldTable) {
        tableHolder.appendChild(table);
    }
    else {
        tableHolder.firstChild.replaceWith(table);
        //tableHolder.replaceChild(tableHolder.firstChild, table);
    }
}