如何添加搜索輸入jQuery $ .tableSorter插件？

Question

我使用tableSorter插件重新排序表項。但我也需要將搜索輸入放在這個表格的頂部。有什麼優惠？

插件是在這裏。 http://tablesorter.com/docs/

太謝謝你了。

Answer 1

您可以使用實現諸多的功能這個非官方的叉的tablesorter：http://mottie.github.io/tablesorter/docs/index.html

你可以使用bindSearch添加搜索功能。

演示：http://jsfiddle.net/3cegrho6/

Answer 2

我會建議你使用數據表撐着了類似的tablesorter加上它有搜索，分頁等。 https://www.datatables.net/examples/data_sources/dom.html

Answer 3

我會建議你使用數據表插件：

https://www.datatables.net/examples/data_sources/dom.html

如果你想使用的tablesorter出於某種原因，然後使用下面的代碼。

小提琴：http://jsfiddle.net/4mVfu/5313/

的jQuery：

$(function(){ 
    $('table').tablesorter(); 
    $("#search").on("keyup",function(){ 
     var searchKey = $(this).val(); 
     if(searchKey === ""){ 
      $(".tablesorter tbody tr").show(); 
     }else{ 
      $(".tablesorter tbody tr").hide(); 
      $(".tablesorter tbody tr td").each(function(){     
       if($(this).text().indexOf(searchKey) > -1){ 
        if(!$(this).parent("tr").is(':visible')){ 
         $(this).parent("tr").show(); 
        } 
       } 
      }); 
     } 
    }); 
}); 

你質疑