Discussion :

[melitta]

Salut tout le monde,

je vous propose une petite curiosité pour les tableaux.

J'ai créé un tableau dont les 2 premières lignes restent fixes. J'ai bien le scroll et les lignes de titres de colonnes restent fixes lorsque je scrolle.

Par contre, dans mon tableau, j'ai une colonne avec un menu déroulant sur chaque ligne, le plus simple est de copier le code et de regarder ce qui se passe.

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
20
21
22
23
24
25
26
27
28
29
30
31
 
<div style="overflow:scroll; border: 1px solid gray; height:150px;">
<table border=1 cellpadding=0 cellspacing=0 align=center width=100%>
 
  <tr bgcolor="gray" style="position:relative;top:expression(this.offsetParent.scrollTop-1);"-->
	<td colspan=3 align=center>premiere ligne fixe</td>
 </tr>
 <TR bgcolor="blue" style="position:relative;top:expression(this.offsetParent.scrollTop-1);">
	<td>2 eme ligne fixe</td><td>colonne 2</td><td> colonne 3</td>
</tr>
<tr>
	<td>ligne1</td><td>texte 1</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
<tr>	
<td>ligne2</td><td>texte 2</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
<tr>
<td>ligne3</td><td>texte 3</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
<tr>
<td>ligne4</td><td>texte 4</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
<tr>
<td>ligne5</td><td>texte 5</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
<tr>
<td>ligne6</td><td>texte 6</td><td><select><option value=1>1</option><option value=2>2</option></td>
</tr>
 
</table>
</div>

voila

Est-ce quelqu'un a déjà eu le tour ???

@+ Melitta

[SpaceFrog]

lol eternel problème des selects qui prennent mal le z-index ...

il faut les rendre invisibles (display:none) en fonction de leur offsetTop ...

[melitta]

On m'a dit que c'était infaisable

est-ce que tu y es parvenu ??

[SpaceFrog]

un script qui va ralentir le scroll mais sur le onscroll du div il suffit de tester le scrollTop de l'input ...

[Auteur]

bonjour,

J'ai créé un tableau dont les 2 premières lignes restent fixes. J'ai bien le scroll et les lignes de titres de colonnes restent fixes lorsque je scrolle.

pas moi...

En toute franchise, j'ai essayé ce code sous IE et FireFox et je n'y vois rien de particulier.... si ce n'est les 2 premières lignes qui ne restent pas fixe.
Et je n'ai aucun souci avec les select.

Si vous pouviez éclairer ma lanterne.

[melitta]

en fait, les select "passent" au dessus des 2 premières lignes

si si, regarde bien

[Auteur]

en fait, les select "passent" au dessus des 2 premières lignes

rien compris

en appuyant sur la flèche du select, la liste s'affiche en dessous.. La liste cache les lignes suivantes tant que je n'ai pas choisi une valeur. Rien de plus normal.

si si, regarde bien

c'est ce que j'ai fait.