Fixer des div (fonctionnement comme avec un tableur)

Bonjour,

Je développe une application de planning et j'aimerais pouvoir "isoler" la partie contenant les données de la div verticale (avec les noms des personnes) et de la div horizontale (avec les journées de la période sélectionnée)

Mon objectif serait (pour les tableaux avec beaucoup de lignes et de colonnes) qu'en utilisant la barre défilante horizontale, seule la div verticale soit fixée et qu'en utilisant la barre défilante verticale, seule la div horizontale soit fixée. Un peu à l'image de ce qui se fait avec un tableur.

Je joins une capture de ce que j'ai en ce moment avec des lignes rouges pour bien montrer la séparation entre les 2 div et mes données.

Comment m'y prendre ? Apparemment, en CSS pur, ce n'est pas possible, donc il ne resterait que le javascript.

J'imagine que je dois créer 3 div en tout (un pour les noms, un pour les dates et un autre pour les données), mais comment faire interagir ce beau monde ?

Merci pour vos idées !

KP

Je pense qu'il faudrait appliquer du javascript sur les scrollbars (scrollbars qui n'apparaitraient que sur le div contenant les données)

Dès qu'on déplace une de deux scrollbars, les 2 div associées bougeraient (celle contenant les données dans tous les cas; la colonne contenant les noms pour la scrollbar verticale ou la ligne contenant les dates pour la scrollbar verticale)

Mais comment faire ??? :?

Merci d'avance !

J'ai trouvé une page où il y a ce genre de tableur.
http://gatsu.ftp.free.fr/html/test_tableau.html
Regarde le code source, peut-être que cela suffira ;)

Ah oui c'est ce que je souhaite !!!
Merci pour ton conseil supermanu ! 8-)

Bonne fin de journée à tous

KP