JSFiddle - React, Tailwind, and code Playground
HTML
<table ID="ratiotable" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<p align="center">
Ratio Name</p>
</td>
<td>
<p align="center">
Factor1</p>
</td>
<td>
<p align="center">
Factor2</p>
</td>
<td>
<p align="center">
Factor3</p>
</td>
<td>
<p align="center">
Formula</p>
</td>
<td style="width: 62px;">
<p align="center">
Result</p>
</td>
</tr>
<tr>
<td>
<p>
Name1</p>
</td>
<td>
<p>
22</p>
</td>
<td>
<p>
11</p>
</td>
<td>
<p>
</p>
</td>
<td>
<p>
Factor1/Factor2</p>
</td>
<td>
<p>
</p>
</td>
</tr>
<tr>
<td>
<p>
Name2</p>
</td>
<td>
<p>
22</p>
</td>
<td>
<p>
33</p>
</td>
<td>
<p>
11</p>
</td>
<td>
<p>
...
JavaScript
function cellValue(x,y){
return $('#ratiotable').find('tr:eq('+(y+1)+')>td:eq('+(x+1)+')').text();
}
function setCellValue(x,y,s){
$('#ratiotable').find('tr:eq('+(y+1)+')>td:eq('+(x+1)+')').text(s);
}
$(function(){
$.each($('#ratiotable tr'),function(i,tr){
var Factor1 = parseInt(cellValue(0,i));
var Factor2 = parseInt(cellValue(1,i));
var Factor3 = parseInt(cellValue(2,i));
var Formula = $.trim(cellValue(3,i));
var Result = eval(Formula);
setCellValue(4,i,Result);
});
});