Discussion :

[Nyphel]

Bonjour,

Imaginons que je veuille représenter un simple tableau :
- aussi large que ma page
- dont la largeur des colonnes dépend du contenu
Alors j'obtiens ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
      <TABLE class="tableau_simple" width="100%">
                  <TR>
                      <TD class="cellule_simple_vert"></TD>
                      <TD class="cellule_simple"></TD>
                      <TD class="cellule_simple">Disponible.</TD>
                      <TD class="cellule_simple">Aucune demande de réservation n'a été émise.</TD>
                  </TR>
                  <TR>
                      <TD class="cellule_simple_jaune"></TD>
                      <TD class="cellule_simple"></TD>
                      <TD class="cellule_simple">Disponible.</TD>
                      <TD class="cellule_simple">Une demande de réservation a été émise, pas de caution actuellement versée.</TD>
                  </TR>
                  <TR>
                      <TD class="cellule_simple_orange"></TD>
                      <TD class="cellule_simple"></TD>
                      <TD class="cellule_simple">Non disponible.</TD>
                      <TD class="cellule_simple">Une demande de réservation a été émise, la caution a été versée.</TD>
                  </TR>
                  <TR>
                      <TD class="cellule_simple_rouge"></TD>
                      <TD class="cellule_simple"></TD>
                      <TD class="cellule_simple">Non disponible.</TD>
                      <TD class="cellule_simple">Le logement est actuellement occupé.</TD>
                  </TR>
      </TABLE>

Les classes CSS ne déterminent que la couleur de fond des cellules, ainsi que leur bordure.

Maintenant, je souhaiterais faire en sorte que :
- toutes les colonnes aient la même largeur
- la largeur soit déterminée par la largeur nécessaire à la plus large des colonnes
- la largeur ne soit pas spécifiée manuellement (50px, 10%, ...)

C'est là que je bloque :'(
Pouvez-vous m'aider ?

[Tober]

Si tu veux adapter une taille de colonne par rapport à la plus grande du tableau, je ne vois qu'une solution, enfin deux
Si tu remplis ton tableau dynamiquement (en PHP par exemple), tu regarde la taille de ce que tu rentres, tu gardes la plus grande taille et tu la reportes pour chaque colonne...
Ou alors, tu traites ça en javascript... Tu regardes la largeur de chaque colonne et après tu adaptes pour les autres.