JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
     <tr>
         <td>1-1</td>
         <td>1-2</td>
         <td>1-3</td>
     </tr>
     <tr>
         <td>2-1</td>
         <td>2-2</td>
         <td>2-3</td>
     </tr>
     <tr>
         <td>3-1</td>
         <td>3-2</td>
         <td>3-3</td>
     </tr>
</table>

CSS

table {
    width:30%;
    border-collapse: collapse;
}

table td {
    border: 1px solid #000;
}

JavaScript

var table=$('#table');
table.height(table.width());

//var table = document.getElementById('table');
//table.style.height = table.offsetWidth + 'px';