Fixer ligne de titre (th) d'un tableau
Bonjour à tous,
Mon problème me parait simple, mais je ne parvient pas à faire ce que je souhaite:
J'ai un tableau avec de nombreuses lignes, et je souhaite figer la ligne d'entête des colonnes (th), et scroller sur le contenu.
Après de nombreuse recherche, la solution semble être de fixer la taille du tbody, mais ça ne fonctionne pas (sous Firefox):
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| <table>
<thead>
<tr><th>TITRE1</th><th>TITRE2</th><th>TITRE3</th><th>TITRE3</th></tr>
</thead>
<tbody style="height:250px;max-height:250px;overflow-y:auto;" >
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
[...]
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
<tr><td>aaaaaa</td><td>bbbbbbbbbbbbbb</td><td>ccccccccc</td><td>dddddddd</td></tr>
</tbody>
</table> |
Est-ce que je m'y prend mal (probablement)? Si oui, quelle est la solution pour faire ça simplement ?