JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable" cellpadding="0" cellspacing="0"></table>

CSS

table { border-collapse:collapse; } 

td { border: 1px solid black; padding: 2px; margin: 0px; border-collapse: none;  min-width: 60px; }

JavaScript

$(document).ready(function ($) {
     var table = $("#myTable")
     var myDate = new Date();
     myDate.setDate(myDate.getDate() - 1);
    
     var rowTmpl = '<tr><td>{DATE}</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
     var rows = [];
    
     for (var i = 0; i < 16; i++) {
         var row = rowTmpl.replace('{DATE}', myDate.getDate() + "/" + (myDate.getMonth() + 1) + "/" + myDate.getFullYear());
         myDate.setDate(myDate.getDate() + 1)
         rows.push(row);         
     }
    
      table.html(rows.join(''));
 });