JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table"></table>

CSS

td {
    width: 24px;
    height: 24px;
    font-size: 24px;
    text-align: center;
}

JavaScript

var table = document.getElementById("table");

for (var i=0; i<110; i++) {
    var row = document.createElement("tr");
    table.appendChild(row);
    for (var j=0; j<36; j++) {
        var cell = document.createElement("td");
        cell.innerHTML = String.fromCharCode(65 + Math.round(Math.random()*25));
        row.appendChild(cell);
    }
}