Comment filtrer la recherche en utilisant tablesorter

Question

J'utilise le plugin recherche/filtre tablesorter pour rechercher des noms dans une liste. donc quand je tape une lettre correspondant aux lettres dans la liste s'affichera. J'ai utilisé ceci: http://mottie.github.io/tablesorter/docs/example-widget-filter-external-inputs.html comme référence. Ci-dessous mon code:

var $table = $('#table').tablesorter({ 
    sortList: [[0,0], [1,0]], 
    theme: 'blue', 
    widgets: ["zebra", "filter"], 
    widgetOptions : { 
     filter_columnFilters: false, 
     filter_saveFilters : true, 
    } 
}); 
$.tablesorter.filter.bindSearch($table, $('.search-subaccounts')); 

HTML:

<input class="search-subaccounts" type="search" data-column="1"/> 

Je suis en train de filtrer les noms par prénom. donc quand je tente de l'exécuter, me donne l'erreur suivante:

Uncaught TypeError: Cannot read property 'bindSearch' of undefined 

Je ne sais pas pourquoi il dit « filtre » est indéfini alors que je l'ai essayé d'exécuter exactement comme son dans la démo. Qu'est-ce que je fais mal ici? Des idées?

Answer 1

Il semble que le fichier de widget ne soit pas inclus puisque la fonction bindSearch n'est pas trouvée - elle est incluse avec le widget de filtre. Assurez-vous de charger les fichiers suivants sur votre page (le nom du fichier thème variera en fonction de votre choix):

<link rel="stylesheet" href="css/theme.blue.css"> 
<script src="js/jquery.min.js"></script> 
<script src="js/jquery.tablesorter.min.js"></script> 
<script src="js/jquery.tablesorter.widgets.min.js"></script>