Tableau ligne Fixe + menu déroulant
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:
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 :D
Est-ce quelqu'un a déjà eu le tour ???
@+ Melitta