Filter table in javascript

Résolu/Fermé

Frere_jesus Messages postés 6 Date d'inscription vendredi 25 mai 2018 Statut Membre Dernière intervention 3 janvier 2020 - Modifié le 3 juil. 2018 à 09:44
Frere_jesus Messages postés 6 Date d'inscription vendredi 25 mai 2018 Statut Membre Dernière intervention 3 janvier 2020 - 3 juil. 2018 à 09:54

Bonjour,
j'aimerais filtrer une seule colone de mon tableau en html.

Au fait, j'ai un tableau html contenant 6 colones.
je veux que mon code javascript effectue un filtre uniquement sur la premiere colone.

Voici mon code:
tableau:

<table id="mytable" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>User id</th>
                            <th>Designation</th>
                            <th>Reference</th>
                            <th>Matricule</th>
                            <th>Code article</th>
                            <th>Observation</th>
                            <th>Edit</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for materiel in materiel %}
                        <tr>
                            <td id="ui"> {{ materiel.getIdUser }} </td>
                            <td> {{materiel.getDesignation}} </td>
                            <td> {{materiel.getReferenceConstructeur}} </td>
                            <td> {{materiel.getMatricule}} </td>
                            <td> {{materiel.getCodeArticle}}</td>
                            <td> {{materiel.getObservation}} </td>
                            <td class="glyphicon glyphicon-edit" aria-hidden="true" style="cursor: pointer; width: 100%; background-color: #428bca; text-align: center; color: white" onclick="modifier('{{ materiel.id }}')"><strong> Edit</strong></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>

j'aimerais filtrer uniquement au niveau de l'id de l'utilisateur.

Voici mon script:

$("#myuser").change(function () {
     var id = $(this).val();
     $("#mytable #ui").filter(function () {
               $(this).toggle($(this).text().indexOf(id) > -1)
      });
  });

Merci d'avance.

EDIT : AJout des balises de code (jordane)

A voir également:

Filter table in javascript
Table ascii - Guide
Table des matières word - Guide
Telecharger javascript - Télécharger - Langages
In da place - Forum Mail
Light in the box problème ✓ - Forum Consommation & Internet

1 réponse

Réponse 1 / 1

Frere_jesus Messages postés 6 Date d'inscription vendredi 25 mai 2018 Statut Membre Dernière intervention 3 janvier 2020
Modifié le 3 juil. 2018 à 10:46

C'est bon j'ai trouvé.
Voici le code qu'il me fallait.

$("#myuser").change(function () { 
var id = $(this).val(); 
$("#mytable tr").filter(function () { 
$(this).toggle($(#ui).text().indexOf(id) > -1) 
}); 
});

EDIT : Ajout des balises de code...... encore.... (jordane)

Discussions similaires

[URGENT] Que veut dire prise (AUX IN)?

qu'est ce qu'une prise DC IN ?

Avis site DECO IN PARIS decoinparis.com (lina sofas)

Table des matières dont les titres n'apparaissent pas..

java script error in the main process

Discussions similaires

Newsletters