Hello !
J'aimerais mettre en place une fonction de recherche dans mon tableau HTML mais je n'arrive pas à me débrouiller.
Voici mon code .js :
Voici mon
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 var $rows = $('#table tr'); $('#search').keyup(function() { var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase(); $rows.show().filter(function() { var text = $(this).text().replace(/\s+/g, ' ').toLowerCase(); return !~text.indexOf(val); }).hide(); });
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19 <input type="text" id="search" placeholder="Type to search"> <table class="table table-bordered" id="table"> <thead> <tr> <th scope="col">Extension(s)</th> <th scope="col">Registre</th> <th scope="col">Lien vers le registre</th> </tr> </thead> <tbody> {% for name, detail in registrars.items %} <tr> <td> {{detail.domains}} </td> <td>{{name}}</td> <td> <a href="{{detail.link}}"> {{detail.link}} </a></td> </tr> {% endfor %} </tbody> </table>
J'aimerais que quand je commence à taper un mot de ma recherche, cela filtre mon tableau et ne retourne que les résultats correspondants.
Le truc c'est que dans mon tableau je fais appelle à des variables python (je suis sous Django) et je pense que c'est ça qui bloque.
Une idée de comment faire ?
Merci !
Partager