Javascript 获取动态HTML表的一列的总和

我有一个动态HTML表，它通过Vue.js从外部API获取JSON数据，每60秒更新一次。当我开发一个简单的仪表板时，我有卡片。因此，其中一张卡必须显示HTML表中特定列的总和

此外，我有开关按钮隐藏行的关键字的基础上。因此，我尝试在点击特定按钮后填充该卡片，然后我可以获得特定订单列的总订单

我的Vue函数是作为“onLoad”函数编写的，因此在页面加载时，我的表中会充满数据

但是，当我尝试获取列的总和时，它抛出错误“Row:null”，并且不在我的卡的

元素中显示消息，但我可以在条件下查看行

我做错了什么

下面是我的代码：

//通过隐藏现金订单行仅显示Paypal订单行
$（文档）.on（'click'，'btn1'，函数（）{
$（“.table tr:contains（'cod'）”）.hide（）；
//获取要在卡中显示的列的总数
var table=document.getElementById（“表”），
sumVal=0；
对于（变量i=1；i

tDay订单的总金额

{{totalsales.total_sales}
总金额-手工现金




贝宝订单
现金订单
所有命令
订单号
全部的
付款
{{order.id}
{{order.total}
{{订单.付款方法}
您的
表格
没有您在这里使用的
id=“table”
，
var table=document.getElementById（“table”）…
根据您的代码，也没有
单元格[4]
应该是
单元格[1]
即：
sumVal+parseInt（table.rows[i].cells[1].innerHTML）…
在显示您的
总数的位置进行更改，它应该也能正常工作。感谢您指出它。但如果我把它改成cells[1]，那么就不会有计算了，它会抛出“NaN”。另外，如果我像单元格[4]一样保留它，现在它是计算整个表的总和，而不是修剪后的表…需要计算哪些单元格？实际上，第5列。。。