2013-10-30 54 views
1

我無法找出如何做到以下幾點:Tablesorter檢測更改或更改?

我想在與行數頂部的計數器顯示,合計行的像這樣的數字:

10/100(不尋呼機)

我該觸發什麼?

我有一個變量$(document).ready()像這樣:var total = $('table').length; 如何觸發一個過濾器上的當前行更改?我正在使用tablesorter插件。

+0

使用的tablesorter打了不少....但不知道有任何過濾機制....只是排序。這個插件多年來一直沒有得到積極的開發和支持。在jsfiddle.net中創建你的配置的演示 – charlietfl

+0

@charlietfl我已經分叉[在github上的tablesorter](http://mottie.github.io/tablesorter/docs/)有很多修復和改進:) – Mottie

+0

@Mottie my不好,那麼關於不積極發展......對你很好!這些年來,我花了很多時間在jQuery論壇上......項目很長時間都處於休眠狀態......我的賭注是6年或7年 – charlietfl

回答

2

試試這個代碼(demo),它使用filterEnd event更新行數顯示:

var $count = $('.count'), 
    $t = $('table'), 
    $tr = $t.find('tbody tr'), 
    update = function(){ 
     var t = $tr.filter(':visible').length + '/' + $tr.length; 
     $count.html(t); 
    }; 

$t 
    .on('filterEnd', function() { 
     update(); 
    }) 
    .tablesorter({ 
     theme: 'blue', 
     widgets: ['zebra', 'filter'], 
     initialized: function(){ 
      update(); 
     } 
    }); 
+0

您節省了我的夜晚,非常感謝! –