PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 Re : HTML, xHTML CSS » faire un tableau HTML à <tbody> scrollable verticalement » 25-03-2013 17:06:53

Bonjour,
Je recherchais la réponse à cette question et l'échange sur le forum m'a permis d'y répondre, alors merci à tous.
J'ajouterai une petite précision concernant la largeur des colonnes car il restait un peur de flou à ce sujet.
J'ai défini les min-width et max-width avec les mêmes valeurs et les colonnes sont nickels.
J'ai triché un peu sur la largeur du tbody ce qui me donne une feuille css pour une table à 17 colonnes + l'ascenseur:

div#listeCommandes {margin: auto;  width: 1000px;}

div#listeCommandes table {table-layout: fixed !important;  width: 1000px;  position: relative;}

div#listeCommandes table thead{  width: 1000px;  position: absolute;  top: 0px;  left: 0px;  height: 40px;}

div#listeCommandes table tbody { width: 1053px;  margin: auto;  position: absolute;  top: 41px;  left: 0px;  height: 450px;  overflow: scroll;}

div#listeCommandes table th.col1, div#listeCommandes table td.col1 { min-width: 60px; max-width: 20px;} /* il y en a 8 */
div#listeCommandes table th.col2, div#listeCommandes table td.col2 { min-width: 60px; max-width: 60px;}
div#listeCommandes table th.col3, div#listeCommandes table td.col3 { min-width: 30px; max-width: 30px;}
div#listeCommandes table th.col4, div#listeCommandes table td.col4 { min-width: 65px; max-width: 65px;}
div#listeCommandes table th.col5, div#listeCommandes table td.col5 { min-width: 220px; max-width: 220px;}
div#listeCommandes table th.col6, div#listeCommandes table td.col6 { min-width: 90px; max-width: 90px;}
div#listeCommandes table th.col7, div#listeCommandes table td.col7 { min-width: 70px; max-width: 70px;}
div#listeCommandes table th.col8, div#listeCommandes table td.col8 { min-width: 180px; max-width: 180px;}
div#listeCommandes table th.col9, div#listeCommandes table td.col9 { min-width: 80px; max-width: 80px;}
div#listeCommandes table th.col10, div#listeCommandes table td.col10 { min-width: 30px; max-width: 30px;}
div#listeCommandes table td.col_as { width: 15px; }

a+
ybatb

Pied de page des forums

Propulsé par FluxBB