JSFiddle - React, Tailwind, and code Playground

by nathanlogan

HTML

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

CSS

table {
    border:1px solid pink;
    border-width:1px 0 0 1px;
}
td {
    padding:3px 5px;
    border:1px solid pink;
    border-width:0 1px 1px 0;
}

JavaScript

var table = {
    rows: 1000,
    columns: 10,
    html: '<table border="0" cellspacing="0">'
};

for (var i=1; i <= table.rows; i++) {
     table.html += '<tr><td>'+ i +'</td>';
     for (var k=1; k <= table.columns; k++) {
         table.html += '<td>'+ k * Math.round(Math.random()*11000000001) +'</td>'
     }
     table.html += '</tr>';
}

table.html += '</table>';

$('#table').append(table.html);