Tableau scroll et CSS
Bizarre-bizarre
-
Mikey_UFC Messages postés 315 Statut Membre -
Mikey_UFC Messages postés 315 Statut Membre -
Bonjour,
Je veux faire un tableau scrollable avec entête fixe et pied de page fixe.
Le problème vient de l'interaction entre border-collapse et le scroll : Quand on scrolle, les bordures des cases ne bougent pas. Et sans border-collapse, chaque case a sa bordure et il y a un espace entre chaque bordure.
Voilà un exemple concret
Je veux faire un tableau scrollable avec entête fixe et pied de page fixe.
Le problème vient de l'interaction entre border-collapse et le scroll : Quand on scrolle, les bordures des cases ne bougent pas. Et sans border-collapse, chaque case a sa bordure et il y a un espace entre chaque bordure.
Voilà un exemple concret
<table style="text-align:center;border:solid #ff0000 1px;border-collapse:collapse;">
<thead>
<tr>
<th>colonne 1</th><th>colonne 2</th><th>colonne 3</th><th>colonne 4</th>
</tr>
</thead>
<tbody style="overflow-x:hidden;overflow-y:auto;" height="400px">
<tr>
<!-- ligne à répéter plein de fois pour voir apparaitre le scroll -->
<td>case 1</td><td>case 2</td><td>case 3</td><td>case 4</td>
</tr>
</tbody>
<tfoot>
<tr><td>Voici</td><td>le</td><td>pied</td><td>de page</td></tr>
</tfoot>
</table>
A voir également:
- Tableau scroll et CSS
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide