JSFiddle - React, Tailwind, and code Playground
HTML
<table id="table" border="1">
<tr>
<td></td>
<td colspan="4">Injuried</td>
<td colspan="4">Killed</td>
<td colspan="4">Died</td>
</tr>
<tr>
<td></td>
<td>adult</td>
<td>young</td>
<td>children</td>
<td>total</td>
<td>adult</td>
<td>young</td>
<td>children</td>
<td>total</td>
<td>adult</td>
<td>young</td>
<td>children</td>
<td>total</td>
</tr>
<tr>
<td>number</td>
<td><input type="text" size="5" /></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text"size="5" /></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
</tr>
<tr>
<td>number</td>
<td><input type="text" size="5" /></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text"size="5" /></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
<td><input type="text" size="5"/></td>
</tr>
</table>
JavaScript
$(document).ready(function() {
$('#table').on('keyup', function() {
var trLen=$("#table tr").length;
for(i=2;i<=trLen;i++)
{
var sum=0;
for (j = 0, k = 4; j < 12, k<12; j+=3, k+=3)
{
var total=$(this).find("tr:eq('"+i+"') td:gt('"+j+"'):lt(3)");
$(total).find('input[type="text"]').each(function(){
if(!isNaN(this.value)&&this.value.length!=0)
{
sum+=parseInt(this.value);
}
$("#table tr:eq('"+i+"') td:eq('"+k+"')").children().val(sum);
});
}
}
})
})