JSFiddle - React, Tailwind, and code Playground
HTML
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td align="left">Jill</td>
<td align="left">Smith</td>
<td align="left">50</td>
</tr>
<tr>
<td align="left">Eve</td>
<td align="left">Jackson</td>
<td align="left">94</td>
</tr>
<tr>
<td align="left">John</td>
<td align="left">Doe</td>
<td align="left">80</td>
</tr>
<tr>
<td align="left">Adam</td>
<td align="left">Johnson</td>
<td align="left">67</td>
</tr>
</table>
JavaScript
var table = $('table');
var cellHeight = $('td',table).first().height();
var cellWidth = $('td',table).first().width();
var runningTop = 0;
$('tr',table).each(function(i,row) {
var rowCells = $(this).find('td');
$(this).height(cellHeight*(rowCells.length))
rowCells.each(function(x,cell) {
$(cell).css({ "position": "relative","top":(cellHeight*x)+runningTop,"left": "-"+(cellWidth*(x))+"px" });
runningTop = runningTop+cellHeight;
});
});