Bonjour a tous,

mon objectif est de mettre une taille sur mon tableau voici l'image

Nom : Annotation 2019-04-25 165519.jpg
Affichages : 364
Taille : 175,9 Ko

En fait j'aimerais que quand on sectionne un le nombre de lignes à afficher cela s'applique mon problème est que je ne maitrise pas Ajax ni le JavaScript... voici code
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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div class="panel monFiltre">
            <div class="panel-heading pull-left">              
                <button class="btn btn-default btn-filtre"><i class="material-icons ">filter_list</i> Filtrer</button>
            </div>  
            <div class="panel-heading pull-right">              
                <select class="custom-select my-1 mr-sm-2" name="afficherNbLigne" id="afficherNbLigne">
                    <option value="">Tous</option>
                    <option value="">10</option>
                    <option value="">20</option>
                    <option value="">30</option>                   
                </select>                                
            </div>          
            <table class="table table-striped" id="tblMembre" style=" width:100%; border:2px solid #00BCD4;">
                <thead>
                    <tr class="filtre">
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Genre" disabled></span></th> 
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Nom" disabled></span></th> 
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Prenom" disabled></span></th>
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Téléphone" disabled></span></th>
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Email" disabled></span></th>
                        <th><span class="bmd-form-group"><input type="text" class="form-control" placeholder="Secteur" disabled></span></th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="row-content">
                    <?php
                        foreach($lesMembres as $unMembre)
                        {
                        $genre = $unMembre['genre'];
                        $nom = $unMembre['nom'];
                        $prenom = $unMembre['prenom'];
                        $tel = $unMembre['tel'];
                        $email = $unMembre['email'];
                        $nomSecteur = $unMembre['nomSecteur'];
                    
                        echo "<tr>
                                <td>$genre</td> 
                                <td style='text-transform: uppercase;'>$nom</td>
                                <td>$prenom</td> 
                                <td>$tel</td>
                                <td>$email</td>
                                <td>$nomSecteur</td>                                
                                </tr>";
                        }
                    ?>
                </tbody>
            </table>
        </div> <!-- fin du panel -->


j'ai besoin de vôtres aides s'il vous plaît merci d'avance !