的tablesorter jQuery的獲取數字列的總和被過濾

Question

我用的tablesorter jQuery的開發之後，我的問題是：

是有辦法顯示過濾後的數值列的總和？

例如：

+++++++++++
名字 - 錢
+++++++++++
alan- 10
alan- 10
alan- 10
alan- 10
john- 10
john- 10
john- 10

筆錢：70

如果我篩選的名稱，只是表示 '艾倫' 我想會得到：

+++++++++++
名字 - 錢
+++++++++++
alan- 10
alan- 10
alan- 10
alan- 10

總和的米oney：這裏40

感謝您的幫助:)

Answer 1

試試這個...是this demo的HTML：

<table class="tablesorter"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Money</th> 
     </tr> 
    </thead> 
    <tbody> 
     ... 
    </tbody> 

</table>Sum of Money: <span class="total"></span> 

和必要的腳本：

$('table') 
    .on('initialized filterEnd', function(){ 
     var total = 0; 
     $(this).find('tbody tr:visible').each(function(){ 
      // find money in 2nd column 
      total += parseFloat($(this).find('td:eq(1)').text()); 
     }); 
     $('.total').text(total); 
    }) 
    .tablesorter({ 
     theme: 'blue', 
     widgets: ['filter'] 
    });