Tableau scroll et CSS

Fermé
Bizarre-bizarre - 15 avril 2009 à 17:14
Mikey_UFC Messages postés 312 Date d'inscription jeudi 8 mars 2007 Statut Membre Dernière intervention 2 août 2010 - 15 avril 2009 à 17:24
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
<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:

1 réponse

Mikey_UFC Messages postés 312 Date d'inscription jeudi 8 mars 2007 Statut Membre Dernière intervention 2 août 2010 1
15 avril 2009 à 17:24
border-spacing:0px au lieu de border-collapse
0