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 :

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();
      });
Voici mon
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 !