如何使用数据表作为显示年度，每月和每日总费用的工具？

Question

我发现很难为费用管理系统编写月度报表。因此，我想出了一个使用数据表显示年度和每月总支出的想法，因为数据表足够智能，可以按年和月搜索数据。 我已经对数据表进行了编码以获取总费用，

这是我的方法：

var table = document.getElementById("pTable"),
    sumVal = 0;

for (var i = 1; i < table.rows.length; i++) {
  sumVal = sumVal + parseFloat(table.rows[i].cells[4].innerHTML);
}

console.log(sumVal);
document.getElementById("sum_f").innerHTML = "Total Expenses: " + sumVal;

当我搜索2019年或月份时，数据表会向我提供添加到2019年或月中的所有费用，但问题是总费用从未改变，因为数据表显示了一个月或一年中的所有金额。

我的问题是，该数据表是否可以通过其搜索框用于显示年度和每月报告？

如果是，将使用哪种jquery或javascript？