Discussion :

[pc75]

Bonjour,

Je génère de façon dynamique un tableau (balise <table>) qui affiche un planning. Je ne connais donc pas à l'avance les dimensions de mon tableau.

J'ai les noms en première colonne, et les dates en première ligne.

Existe-t-il un moyen de pouvoir scroller horizontalement et verticalement dans ce tableau en gardant fixes la première colonne et la première ligne ?

Merci.

PS : Sachant que je ne suis pas du tout expert en javascript.

[le_chomeur]

non , pas directement , il te faut mettre tes entete en dehors du tableau, puis ton tableau dans une div avec une hauteur/largeur fixe et en propriété css : overflow:auto;

[Bovino]

Je pense que le plus simple pour toi sera de créer un tableau avec tes cellules de titre, puis les données dans un autre tableau à l'intérieur (en utilisant rowspan et colspan) qui lui sera scrollable...

EDIT :
Par exemple :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
  <tr>
    <td>Col1</td><td>Col2</td><td>Col3</td>
  </tr>
  <tr>
    <td>Ligne2</td><td colspan="2" rowspan="2">Là ton autre table</td>
  </tr>
  <tr>
    <td>Ligne3</td>
  </tr>
</table>

[pc75]

Re,

Merci de vos réponses, mais je n'ai surement pas été assez clair.

Mon problème est plus compliqué, voire irréalisable.

Je souhaite que :

- quand je scrolle verticalement, toutes les lignes (les noms ET les cellules représentant les dates) défilent, et que la ligne d'entête (les dates) reste fixe.

- quand je scrolle horizontalement, toutes les colonnes (les dates ET les cellules représentant les dates) défilent, et que la colonne de gauche (les noms) reste fixe.

Un peu comme sous Excel quand on fige les volets.

Merci.

[le_chomeur]

. . . exactement la solution que j'ai donnée !!
essaye au moins .....

[pc75]

. . . exactement la solution que j'ai donnée !!
essaye au moins .....

Avant que j'essaie de me lancer, dans ton message précédent, tu écris :

il te faut mettre tes entete en dehors du tableau

Comment les dates vont pouvoir défiler en scrollant horizontalement ?

Il y a un truc que je ne pige pas (je suis très en dessous de la moyenne en JS).

Merci en tous cas de m'aider.

[pc75]

. . . exactement la solution que j'ai donnée !!
essaye au moins .....

Bon, j'ai essayé, rien ne fonctionne. Je n'ai même pas d'ascenseur.

Si quelqu'un voit où j'ai merdé ?

Merci

[le_chomeur]

le code ???