JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td><input type="number" /></td>
<td><input type="number" /></td>
<td>summary row</td>
</tr>
<tr>
<td><input type="number" /></td>
<td><input type="number" /></td>
<td>summary row</td>
</tr>
<tr>
<td id="sumcol1">summary column</td>
<td>summary column</td>
<td> </td>
</tr>
</tbody>
</table>

JavaScript

$("input").keyup(function() {

    var sum = 0;
    
    $("tr td:first-child input").each(function() {
        sum += parseInt($(this).val(), 10);
    });
    
    $("#sumcol1").html(sum);

});