Discussion :

[Icedarts]

Bonjour à tous,

N'ayant pas trouver de solution pour rendre l'en tête d'un tableau fixe j'ai séparé la premiere ligne avec le <th> du reste du tableau avec les <td>.

J'ai donc 2 <div> avec chacune leur table dans la première les <th> et dans la seconde les <td>.
Et j'ai mis un ovreflow auto et un height pouur la seconde <div>.
cela fonctionne puisque seul le tableau se deplace dans sa <div> et l'en-tête reste fixe dans sa <div>.

J'aimerai savoir s'il existe un solution plus adequat, car cette solution a un point faible, la taille des cellules du tableau?

Et si pas miracle cette solution est la meilleure (ben oui ça serait un miracle que j'ai trouvé la meilleure solution ) existe-t-il un moyen de gérer la taille des cellules?

Merci d'avance.

[Poulpynette]

Bonjour,

Non, je ne pense pas que ce soit la meilleure solution je te rassure, car comme tu l'as dit, c'est très limité

Ensuite, si tu veux une solution, faudrait expliquer ce que tu entends par "gérer la taille des cellules" ou ce que tu veux faire précisément.

[Icedarts]

Le plus simple c'est que je vous donne les liens de mon site.
Donc sur les classement il peut parfois y avoir plusieurs milliers de lignes.
Et lorsqu'il y a 4 ou 5 colonnes ça va on se souvient à peu près à quoi elles correspondent mais lorsqu'il 8 ou 9 la ça se complique donc je voudrais avoir l'en-tête du tableau ou la ligne de titres comme vous voulez qui reste fixe.

Donc voila un tableau avant que je fasse des modifs:
http://forumdarts.free.fr/doublette09.html
Et maintenant un autre tableau avec les modifs:
http://forumdarts.free.fr/equipe04-05.html

Alors dans le tableau avec les modifs j'ai été obligé de mettre une largeur aux balises th et td pour que cela corresponde à peu près et ayant pourtant la même valeur il y un décalage...
Donc ce que je souhaiterai c'est la même chose que dans le premier lien mais avec la ligne de titre fixe!

Voili voilou.

[Poulpynette]

Les données de ton deuxième tableau étant de longueur variable, il va être difficile d'avoir à coup sûr des entêtes parfaitement alignées avec tes résultats.

Ce que je veux dire par-là, c'est que tu ne pourras pas imposer une largeur fixe à tes cellules si leur contenu est plus grand en largeur.

Le mieux pour cela est de n'utiliser qu'un seul tableau à ma connaissance ...

Mais peut-être quelqu'un pourra-t-il te donner une meilleure solution.

[Icedarts]

on peut faire ce genre de chose <td class="xxx"> et dans le css .xxx{width; 150px; par exmple?
De cette façon je pourrai mettre une largeur fixe à chaque colonne en prenant garde à ce que cette largeur soit légérement supérieure au contenu de la plus grande cellule?

[Poulpynette]

Si tu connais à l'avance la taille du contenu des cellules : oui, tu peux ta baser sur la cellule la plus large.

Par exemple, si tu imposes width: 150px en CSS, ta cellule fera 150px de large, sous réserve que le contenu ne fasse pas plus.

Mais dans le cas contraire, tu ne pourras pas imposer la largeur d'une cellule de table si le contenu est trop grand. Elle s'étirera par défaut.

Cette solution me paraît un peu acrobatique mais bon, si tes données sont fixes, cela peut marcher.