Discussion :

[oneagaindoguys]

Bonjour, je sais que le sujet a déjà été traité plusieurs fois. Les personnes ayant posée cette question on réussi mais je ne suis pas sur que cela fonctionne sur sous les navigateurs.

Je souhaite fixer les entêtes de mes tableaux tout en étant liées. Un script J2EE génère mes pages. Le contenu des cellules des tableaux sont donc aléatoires. Je ne peux donc pas fixer leur largeurs. Ce qui veux dire je ne peux pas avoir deux tableaux un pour les titres et un pour les colonnes.

Voici ce que j'ai vu un peu partout :
html :

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
 
 
<table class="titles" border="0" width="100%">
   <thead>
      <tr>
 
         <th>N° bte</th>
         <th>Famille</th>
         <th>L.Archi.</th>
         <th>Libell&eacute; 2</th>
         <th>Libell&eacute; 3</th>
         <th></th>
 
      </tr>
   </thead>
 
<tbody class ="scrollableBox">
 
... code généré ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
css :
 
tbody.scrollableBox {
 
    overflow-y: scroll;
 
    overflow-x: hidden;
 
    height: 480px;
 
}

Cette solution marche niquel sous firefox mais le reste, pas du tout. Et qu'on le veuille ou non, les gens utilisent surtout IE !!


Ce que j'ai déjà étudié :
http://www.imaputz.com/cssStuff/bigFourVersion.html

http://www.cssplay.co.uk/menu/tablescroll.html

Il y a-t-il une parade ou non ?

[sebhm]

bonjour,

je dirais que c'est impossible pour l'instant (sera-ce possible un jour ??).
(Donc il te faut 2 tableaux)

[oneagaindoguys]

C'est sur ça ?

[sebhm]

j'évite d'être catégorique car je ne maîtrise pas ces aspects à 100%
mais comme ont dû te le démontrer tes recherches, ca se saurait si c'était faisable.

maintenant, si un expert peut confirmer ou infirmer ...

[c_s_s]

Le problème vient surtout du fait que tu ne veux/peux pas définir de largeur pour tes colonnes.
Tous les scripts que j'ai pu voir qui permettaient de figer les entêtes fonctionnaient avec des tailles fixes.

Mais bon, cela ne veut pas dire qu'il n'existe pas une solution, quelque part...


Edit : d'ailleurs, ce lien pourrait peut-être t'aider : http://rcswebsolutions.wordpress.com...-fixed-header/
Ca semble fonctionner sans largeur fixe. A vérifier quand même avec IE.

[Bisûnûrs]

Tu peux aussi essayer de regarder ce script si ce n'est déjà fait :
http://www.developpez.net/forums/d23...-colonne-fixe/