Here's an example:

Form fields and CSS class names

The form uses one table with five currency columns. The CSS class name for each column is col1, col2, etc. This table allows the user to add additional rows. There is a second table with five currency columns used to store the subtotals of each of the five columns from the first table. This second table only allows for one row. The columns in this second table use the CSS class names, subtotalcol1, subtotalcol2, etc. Below that is a single currency field that stores the total of the first three columns. It has a CSS class name, col123total. Finally, there's one last currency column that stores the grand totay. It uses the CSS class name, grandtotal.

The Javascript used is

$(document).ready(function () {
  
  $('.cf-table-block').on('blur', 'input', sumtotal); // run the sumtotal function whenever a table input loses focus
  $(document).on('click', '.form-del-field', sumtotal); // run the sumtotal function whenever a row in the table is deleted
  $('.readonly input').attr('readonly', true); // make subtotal and total fields read only

  function sumtotal() {
    var sum1 = 0;  // variables to store the subtotal of each column
    var sum2 = 0;
    var sum3 = 0;
    var sum4 = 0;
    var sum5 = 0;
    $('.cf-table-block tbody tr').each(function () { //for each row in the table
      var s1 = 0;  // variables to store the individual column value in the current row
      var s2 = 0;
      var s3 = 0;
      var s4 = 0;
      var s5 = 0;
      s1 = parseNumber($(this).find('.col1 input').val()); // getting the value to store in the variable
      s2 = parseNumber($(this).find('.col2 input').val());
      s3 = parseNumber($(this).find('.col3 input').val());
      s4 = parseNumber($(this).find('.col4 input').val());
      s5 = parseNumber($(this).find('.col5 input').val());
      sum1 += s1;  // adding the current row value of a column to the subtotal variable for that column
      sum2 += s2;
      sum3 += s3;
      sum4 += s4;
      sum5 += s5;
    });
    $('.subtotalcol1 input').val(sum1);  // setting the subtotal value into the subtotal field
    $('.subtotalcol2 input').val(sum2);
    $('.subtotalcol3 input').val(sum3);
    $('.subtotalcol4 input').val(sum4);
    $('.subtotalcol5 input').val(sum5);
    $('.col123total input').val(sum1 + sum2 + sum3);
    $('.grandtotal input').val(sum1 + sum2 + sum3 + sum4 + sum5);
  }
  
  function parseNumber(n) {
    var f = parseFloat(n); //Convert to float number.
    return isNaN(f) ? 0 : f; //treat invalid input as 0;
  }
  
});

As an option, you may want to give the various subtotal and total fields a second CSS class name, i.e. readonly. This way you can add another line into the JS to make those read-only so the subtotal and total calculations will strictly be based off of the values entered into the first table.

Here's what a submitted form looks like