在js中动态添加表行，总结输入值

Question

嘿伙计们我有一个问题，我正在寻找帮助来改变这个代码，因为我在最后一小时努力做到这一点，我似乎无法弄清楚如何改变它。

这个脚本完全符合我的要求。我可以添加一个输入字段，我可以删除输入字段，最重要的是它总结所有值。

More on flexbox support here

我需要的是更改此脚本而不是创建div，创建具有3列的下一个表行以适合此表并总结每行中第3列的所有值

<table class="table" id="tab_klasa1">
  <tr>
    <th class="tg-031ec" colspan="3">Class</th>
  </tr>
  <tr>
    <td class="tg-031ec">Name</td>
    <td class="tg-031ec">Profile</td>
    <td class="tg-031ec">No. Users</td>
  </tr>
  <tr>
    <td class="tg-031e">A</td>
    <td class="tg-031e"><input class="input_t4" type="text" name="fname"></td>
    <td class="tg-031e"><input class="input_t4" type="text" name="fname"></td>
  </tr>
  <tr>
    <td class="tg-yw4lcr" colspan="2">Total:</td>
    <td class="tg-yw4l"><input class="input_t4" type="text" name="fname"></td>
  </tr>
</table>

我在这个jsfiddle中应用了表格。我真的很感激你的帮助。