Javascript 如何计算列和活动表中的总金额编辑和金额更改，而无需在Laravel中重新加载页面

如何在不重新加载Laravel中的页面的情况下计算列和活动表编辑和更改的总金额

<div class="table-responsive">    
    <table class="ui celled table" id="LevelOne">
        <thead>
            <tr>
                <th>#</th>
                <th>Introducer Id</th>
                <th>Reference Id</th>
                <th>User Id</th>
                <th>User Name</th>
                <th>Email</th>
                <th>Amount</th>
                <th>Percentage</th>
                <th>Final Amount</th>
                <th>Status</th>                                            
            </tr>
        </thead>
        <tbody>                     
            <tr id="client4">
                <td>11</td>
                <td>sdfdsf</td>
                <td>sdfsdf</td>
                <td>sfsdfdsf</td>
                <td>sgfgg</td>
                <td>fsdf@gmail.com</td>
                <td id="name" contenteditable="true">
                    <input type="number" name="PercentageAmount[]" value=1740 >                                                                                      
                </td>
                <td> Approved </td>
            </tr>
        </tbody>
    </table>
</div>

</div>

#
介绍人Id
参考Id
用户Id
用户名
电子邮件
数量
百分比
最终金额
地位
11
sdfdsf
sdfsdf
sfsdfdsf
sgfgg
fsdf@gmail.com
经核准的

问题不清楚在上面的代码中，我添加了一个示例数据，其中将动态添加最终金额，通过页面重新加载，我应使用n++从行数中获取总金额。对于列，它还应计算多个页面的总金额。分页应显示在表的第一页，我认为您可以找到通过查看上面的链接，可以尝试创建计数函数，并在保存更改或重新加载时调用它。