表列和JQuery实时搜索的总金额

Question

我已经汇总了表列的总和，并且效果很好。同一页面上有一个JQuery实时搜索。当我进行搜索时，结果看起来很好，但是总和显示的是所有数据的总和，而不是通过JQuery Search过滤的数据。

现在，我们希望在进行搜索以仅显示过滤后的结果时更改总和。因此，在进行搜索时，将对表数据进行过滤，并相应地根据过滤后的结果重新计算总金额。

我尝试禁用实时搜索功能，因此每次执行搜索时都会重新加载页面。因此，总和将被重新计算。但是我无法让它像这样工作。

<script>
$(document).ready(function()
{
$('table thead th').each(function(i)
{
calculateColumn(i);
});
});
function calculateColumn(index)
{
var total = 0;
$('table tr').each(function()
{
var value = parseInt($('td', this).eq(index).text());
if (!isNaN(value))
{
total += value;
}
}); 
$('table tfoot td').eq(index).text('' + total);
}
</script>

<tfoot>
    <tr class="sum" height="50px">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</tfoot>