JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<table id="mytable">
<tr>
<th>Header1</th>
<th>Header2</th>
<th>Header3</th>
<th>Header4</th>
<th>Header5</th>
<th>Header6</th>
<th>Header7</th>
<th>Header8</th>
<th>Header9</th>
<th>Header10</th>
<th>Sum</th>
</tr>
<tr>
<td>2022</td>
<td>Januar</td>
<td></td>
<td>22.40</td>
<td>11.10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2022</td>
<td>Februar</td>
<td></td>
<td>2.40</td>
<td>11.10</td>
<td></td>
<td>17.50</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>2022</td>
<td>März</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
JavaScript
$(document).ready(function(e) {
$('#mytable tr:not(:first)').each(function() {
var sum = 0;
$(this).children('td:nth-child(1n+4):not(:empty)').each(function() {
sum += parseFloat($(this).text());
});
$(this).children('td:last').text(sum.toFixed(2));
});
});