Discussion :

[joker93200]

c'est génial merci beaucoup ça marche !
j'ai juste un dernier problème une fois que je filtre par exemple je cherche pas nom apres cela peut import ce que je choisi dans le <select> toute les valeurs restent

https://jsfiddle.net/srjwzvLp/1/

[NoSmoking]

Il faut commencer par corriger le code PHP pour obtenir vraiment ce que tu veux

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<tbody>
    <tr class="row-content">   <!-- création d'une TR inutile à supprimer -->
    <?php
        foreach($lesMembres as $unMembre) {
        $genre = $unMembre['genre'];
        $nom = $unMembre['nom'];
        $prenom = $unMembre['prenom'];
        $tel = $unMembre['tel'];
        $email = $unMembre['email'];
        $nomSecteur = $unMembre['nomSecteur'];
        // création pour chaque enregistrement 
        echo "<tr>

La solution CSS avec tr:nth-child n'est pas viable car tu n'a plus accès aux autres enregistrements en visualisation, ce n'est pas x par page mais x tout court.

Il te faut dans ce cas avoir recours à une pagination ou mettre en place une table«  scrollable », dans les deux cas cela peut se faire simplement.

Maintenant si tu ajoutes un filtre c'est l'approche qu'il te faut revoir.

IMPORTANT :
Pour pouvoir bien appréhender les solutions possibles il est important d'avoir toutes les contraintes à respecter avant de commencer, une pagination simple ne fonctionnera plus si on ajoute un filtrage !

Combien d'enregistrements comptes tu avoir à l'affichage ?
Il existe des scripts type DataTable qui font très bien le job.

[joker93200]

Il va y avoir beaucoup d'enregistrement. je vais essayer de faire la même chose je reviens vers vous
merci !

[NoSmoking]

Juste pour mon information, tu mets en place un filtre global ou un filtre par colonne (apparemment ce serait cette option) ?

[joker93200]

Bonjour,

c'est un filtre par colonne. Mais après si j'arrive à faire cet exemple https://www.datatables.net/ ça serait génial

[NoSmoking]

Je te conseille cet exemple : Individual column searching (text inputs) sur DataTables.

[joker93200]

C'est encore mieux ! je vais essayer comme ça
merci !