斑馬條紋 - Tablesorter vs Sieve

我有一些表使用jQuery插件'tablesorter'允許輕鬆排序。最近，我發現它包括斑馬條紋小部件。我啓用了它，並且運行良好。斑馬條紋 - Tablesorter vs Sieve

我還決定添加，作爲現有的自制表格搜索功能的替代方案，這就是我的問題發生的地方 - 在搜索期間或之後條帶化不會重新進行，導致表格不均勻和不匹配。

到目前爲止，我還沒有能夠找到一種方法來手動刷新，並且我不確定如果我有 - 在篩選.js文件中將它放在哪裏？有沒有辦法讓這兩個插件相互發揮很好？

2014-11-07 Damien H

你爲什麼不使用的tablesorter過濾？ https://mottie.github.io/tablesorter/docs/example-widget-filter.html – charlietfl 2014-11-07 02:20:05

我想你會發現，自2008年以來，原始tablesorter尚未更新，至少有一個fork [由Mottie] （https://github.com/Mottie/tablesorter）得到積極維護 - 並在更新日誌中提及斑馬紋的一些內容。爲了給自己成功的最佳機會，我建議使用Mottie的叉子。 – 2014-11-07 02:28:28

@charlietfl好吧，直到我讀到你和Roamer的評論時，我才知道它存在。當我繼承它時，我的版本與應用程序一起提供。我用https://mottie.github.io/tablesorter/docs/example-widget-filter-any-match.html發現了一個與Sieve的等價物，但是我不知道該從哪個位置放置JS代碼。你知道嗎？ – 2014-11-07 04:08:25

如果你想使用篩插件，這個代碼將與一方或原始版本的tablesorter我fork of tablesorter（demo）工作：

$(function() { 
    var $table = $('table'); 

    $table 
     .tablesorter({ 
      widgets: ['zebra'] 
     }) 
     .sieve({ 
      complete: function(){ 
       // update the zebra widget after Sieve completes 
       $table.trigger('applyWidgets'); 
      } 
     }); 

});

來源

2014-11-08 21:04:54 Mottie

非常感謝！我已更新到您的叉子，並感謝上面的代碼片段，使一切工作。如果您好奇，我目前不使用過濾小部件，因爲它不能很好地處理分隔的單詞 - 例如，在項目列表'A，B，C，D'中，我無法搜索'A C'並得到結果，而我可以在Sieve中執行此操作。當然，也有缺點，但至少現在，我會堅持混合動力。 – 2014-11-10 04:08:40

過濾器小部件允許輸入正則表達式，它也支持「AND」和「OR」運算符。因此要查找多個項目，請搜索「A | B | C | D」。可在[本頁]（http://mottie.github.io/tablesorter/docs/example-widget-filter.html）上的手風琴註釋部分的表格中找到過濾器類型的完整列表。 – Mottie 2014-11-10 22:18:42

斑馬條紋 - Tablesorter vs Sieve

回答

相關問題