Discussion :

[_Carole]

Bonjour,
En parcourant le net, je vois que beaucoup bannissent l'utilisation des tableaux pour la mise en page (et que parfois même, pour faire des vrais tableaux (de synthèse, etc), c'est mal...)

Alors voilà, je me remet en question et à chaque balise "table" que j'ouvre, c'est l'angoisse, je culpabilise (bon, j'exagère).

Par exemple, je suis confrontée à un tableau de ce genre à faire en html :

Est-ce qu'il n'y a pas une autre méthode que "table" (et des imbrications monstrueuses qui en découlent, des colspan et rowspan,... ) ?

Évidement, le tableau sera rempli avec des données extraites d'une base de données PostGre donc je recherche une solution qui me propose quelque chose de clair, de léger...

Merci d'avance !

[rodolphebrd]

bonjour,

effectivement une mise en page en tableau n'est plus du tout appropriée aujourd'hui.
Par contre un tableau reste un tableau et sa construction reste soumise aux règles classiques en utilisant les balises TABLE, TR, TD.

[Legenyes]

Je rejoint tout a fait ces propos;
Comme dans ton cas ce sont de données a afficher en tableau et non l'utilisation des tableau pour faire la mise en page le site.
L'utilisation du tableau est donc correcte dans ton cas.

[_Carole]

Rien de mieux que ça alors ?

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
28
29
30
 
<table>
                <th rowspan="2"> </th>
                <td rowspan="2">Estimation</td>
                     <td colspan="3">Janvier</td>   <td colspan="3">Février</td>   <td colspan="3">Mars</td>    <td colspan="3">Total</td>
                          <tr>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                          </tr>
                <tr>
                    <td>Equipe 1</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                <tr>
                    <td>Equipe 2</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
        </table>

EDIT : Ok hé bien si les tableaux sont indiqués dans ce cas, allons-y !

Merci d'avoir dissipé mes doutes

[Legenyes]

Peut etre quelques améliorations possible si tu veux augmenté la sémentique

Va voir un peu la signification des balises

• thead
• tbody
• th
• caption

[_Carole]

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
28
29
30
31
32
33
34
35
        <table>
            <caption>Tableau de synthèse</caption>
               <thead> 
                <th rowspan="2"> </th>
                <th rowspan="2"> Estimation </th>
                     <th colspan="3">Janvier</th>   <th colspan="3">Février</th>   <th colspan="3">Mars</th>    <th colspan="3">Total</th>
                          <tr>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                               <td>Dmde</td>   <td>R.A.F.</td>   <td>Réel</td>
                          </tr>
                </thead>
                <tbody>
                    <tr>
 
                    <td>Equipe 1</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                <tr>
                    <td>Equipe 2</td>
                        <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
                        <td></td>   <td></td>   <td></td>
 
                </tr>
                </tbody>
        </table>

Merci des renseignements !

Par contre, tfoot serai la colonne "total" dans ce cas n'est-ce pas ?

[NoSmoking]

Bonjour,
n’oublies quand même pas d'encapsuler tes TH dans une TR