Comment inclure les 2 colonnes sous un en-tête de colonne dans le tableau html?

Je veux créer un tableau html, qui devrait ressembler à ceci:

Comment inclure les 2 colonnes sous un en-tête de colonne dans le tableau html?

Je sais que je vais avoir à utiliser colspan/rowspan, mais comment? Quelqu'un peut-il aider?

J'ai essayé suivantes :

<table>
<thead>
<tr>
<th>Evaluation</th><th>Approval</th>
<th colspan="2" >Points</th>
<th>Total</th>
<th>Date</th><th>Award Amount</th><th>Last Modified By</th>
</tr>
</thead>
<tbody>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>

mais me donne comme résultat:

Comment inclure les 2 colonnes sous un en-tête de colonne dans le tableau html?

Clairement, j'ai besoin de sous-en-tête dans la 3ème en-tête (Points), comment faire?

  • S'il vous plaît montrer votre tentative.
InformationsquelleAutor hitesh.gawhade | 2013-02-25
  1. 4

    c'est la table fullstructure 

    <table>
    <tr>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td colspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

    merci...

    • Comment est-ce accepté de répondre? Il n'y a littéralement pas de réponse ici.
    • <table > <tr> <td rowspan="2"> </td> <td rowspan="2"> </td> <td colspan="2"> </td> <td rowspan="2"> </td> <td rowspan="2"> </td> <td rowspan="2"></td> </tr> <tr> <td> </td> <td> </td> </tr> </table>
    • en fait il y avait un code. Accidentellement perdu...
    InformationsquelleAutor felix Antony
  2. 22

    Comme ceci:

    <table>
    <thead>
        <tr>
            <th rowspan="2">Evaluation</th>
            <th rowspan="2">Approval</th>
            <th colspan="2">Points</th>
            <th rowspan="2">Total</th>
            <th rowspan="2">Date</th>
            <th rowspan="2">Award Amount</th>
            <th rowspan="2">Last Modified By</th>
        </tr>
        <tr>
            <th>Tangible</th>
            <th>Intangible</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Al/GL</td>
            <td>Select</td>
            <td>col1</td>
            <td>col2</td>
            <td>col3</td>
            <td>col4</td>
            <td>col5</td>
            <td>col6</td>
        </tr>
    </tbody>
</table>
    • Oui c'est elle! Résolu. Merci beaucoup.
    • Très utile. Marque ce comme réponse correcte 🙂
    • Super réponse! prendre note de la troisième colonne, "colspan" plutôt que "rowspan". J'ai été confus au sujet de pourquoi cela fonctionne au premier abord.
    InformationsquelleAutor Luke Robertson