HTML brut sans CSS : Colspan ne fonctionne pas correctement dans th/td, cohérent sur toutes les lignes

Question

Je ne comprends pas pourquoi le mien colspan ne fonctionne pas. J'ai une solution CSS mais je ne comprends tout simplement pas pourquoi cela ne fonctionne pas. La largeur de la première colonne doit être 1/3 de celle des autres colonnes, avec colspan="1" sur la première colonne et le td, et colspan="3" sur toutes les autres colonnes.

L'application est destinée aux classements, donc la première colonne contiendra les numéros de classement (1, 2, 3...) et doit être beaucoup plus étroite que les colonnes suivantes.

Bien sûr, vous pouvez utiliser class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 ou n'importe quel résultat mathématique... mais je veux vraiment juste savoir ce qui se passe.

Ajout de détails car je pense que cette question aidera quelqu'un à l'avenir :

À l'époque, je pensais pouvoir utiliser colspan pour les unités relatives, essentiellement en faisant la largeur de chaque colonne par rapport aux autres colonnes. Le problème que j'ai est que chaque colonne a exactement les mêmes unités. Cela ne fonctionne que sur des cellules individuelles dans une colonne et est essentiellement similaire à la fonctionnalité « Fusionner » de Microsoft Excel.

<table border="2">
  <thead>
    <tr>
      <th colspan="1">th1 colspan1</th><!-- colspan=1 here -->
      <th colspan="3">th2 colspan3</th>
      <th colspan="3">th3 colspan3</th>
      <th colspan="3">th4 colspan3</th>
      <th colspan="3">th5 colspan3</th>
      <th colspan="3">th6 colspan3</th>
      <th colspan="3">th7 colspan3</th>
      <th colspan="3">th8 colspan3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="1">td1 colspan1</td><!-- colspan=1 here -->
      <td colspan="3">td2 colspan3</td>
      <td colspan="3">td3 colspan3</td>
      <td colspan="3">td4 colspan3</td>
      <td colspan="3">td5 colspan3</td>
      <td colspan="3">td6 colspan3</td>
      <td colspan="3">td7 colspan3</td>
      <td colspan="3">td8 colspan3</td>
    </tr>
  </tbody>
</table>

Answer 1

Merci @Ouroborus, je pensais que j'étais fou, mais après presque une décennie d'utilisation quotidienne du HTML, il y a clairement encore des choses à apprendre.

colspan ne fonctionnera pas si toutes les cellules de la colonne sont définies sur le même nombre de colonnes à couvrir, comme défini ici : https://developer.mozilla.org/en-US/docs/Web/HTML /Element/td

Merci encore Ouroborus d'avoir repéré mon incompréhension !