JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<tr>
<th>Debit</th>
<th>Credit</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<!-- ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding"></td>
<td class="ng-binding">$696.99</td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding"></td>
<td class="ng-binding">$15.79</td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding"></td>
<td class="ng-binding">$2654.05</td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding"></td>
<td class="ng-binding">$7070.00</td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding"></td>
<td class="ng-binding">$110.00</td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding">$50.01</td>
<td class="ng-binding"></td>
<td></td>
</tr>
<!-- end ngRepeat: entry in entries -->
<tr ng-repeat="entry in entries" class="ng-scope">
<td class="ng-binding">$6912.00</td>
<td class="ng-binding"></td>
<td></td>
</tr>
</tbody>
</table>
JavaScript
var sum = 0;
$(document).ready(function () {
$("tr").each(function () {
var debit = $(this).find("td").eq(0).text().substring(1);
var credit = $(this).find("td").eq(1).text().substring(1);
sum += credit - debit;
sum=parseFloat(sum.toPrecision(16))
$(this).find("td").eq(2).text(sum);
console.log(credit + " - " + debit + " - " + sum);
});
});