Tableau html: défiler uniquement sur les données

En html il est très simple d’écrire un tableau. Malheureusement, par défaut, les tableaux ne permettent pas de faire défiler uniquement les données sans déplacer les titres de colonnes.

Pour pallier ce problème, j’ai développé une structure en html / css / javascript, avec laquelle vous allez pouvoir faire défiler les données à la verticale et à l’horizontale. Le fichier se trouve ici.

Les explications sont dans le code d’exemple. Juste pour info, l’astuce est d’utiliser deux div: un pour les titres, et un pour les données.

Si vous utilisez mon code, merci de laisser un commentaire sur le blog ! (J’accepte également les gros chèques :-) )

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>