Discussion :

[ne2sbeal]

Bonjour,

Ca fait plusieurs fois que je suis bloqué avec ça et je ne trouve pas de solution. Je m'explique, j'ai une tableau qui peut etre très grand donc grace à un div qui entoure le tableau j'arrive à avoir une taille maximale.
Donc si le tableau est trop long, j'ai une barre de défilement qui apparait.
C'est pratique oui sauf que mon titre disparait quand on scrolle (il défile avec quoi donc en bas du tableau on a plus le titre)
Ce que j'aimerais c'est que les titres des tableaux reste quand on scrolle.

Voilà mon code : je souhaite donc voir toujours apparaitre ID, Technicien, Date, Etat et Titre

Code :

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
<div id="tab_non_cloture">
                        <table class="tab_recherche">
                            <tr>
                               <th class="id_dossier">ID</th>
                               <th class="technicien">Technicien</th>
                               <th class="prenom">Date</th>
                               <th class="etat_dossier">Etat</th>
                               <th class="titre_dossier">Titre</th>
                            </tr>
                            <?php
                            $num = $Dossier->nonCloture();
                            for($i=0; $i<$num; $i++)
                            {
                                $Adherent->ouvrir($Dossier->dossierNonCloture[$i][5]);
                                if(($Dossier->dossierNonCloture[$i][3])==1)
                                    $etat="OUVERT";
                                else
                                    $etat="EN ATTENTE";
                                ?>
                                <tr onmouseover="this.style.backgroundColor = 'gray'" onmouseout="this.style.backgroundColor = ''" onclick="testOnglet('selection_adherent', 'ouvrir_dossier.php?id=<?php echo $Dossier->dossierNonCloture[$i][0];?>', true);">
                                    <td><?php echo $Dossier->dossierNonCloture[$i][0]; ?></td><td><?php echo $Dossier->technicien($Dossier->dossierNonCloture[$i][1],1); ?></td><td><?php echo date('d/m/Y', $Dossier->dossierNonCloture[$i][2]); ?></td><td><?php echo $etat; ?></td><td><?php echo $Dossier->dossierNonCloture[$i][4]; ?></td>
                                </tr>
                                <?php
                            }
                            ?>
                        </table></div>

Si quelqu'un à la méthode je suis preneur. Merci d'avance.

[Yorick]

salut,

Je ne suis pas trop habitué à manipuler les tableaux donc j'ai une amorce de solution simple mais elle est "douteuse".

Tu répètes ta ligne de titre dans une table, au dessus de l'autre table (c'est ça qu'est douteux )
Tu met la table principale en display:block , tu fixes une hauteur et tu fixes overflow à scroll.

Tu cible la ligne de titre de la table principale grâce à une id ou une class et tu lui met visibility: collapse.
Cette propriété permet de faire disparaitre la barre de titre tout en conservant les largeurs de cellule pour les rangées suivante.
Voilà.

Sinon on doit pouvoir trouver des solutions plus élégante mais en javascript.