Ich verstehe nicht, warum meine colspan nicht funktioniert. Ich habe eine CSS-Lösung, bin mir aber nicht sicher, warum das nicht funktioniert. Die Breite der ersten Spalte sollte 1/3 der anderen Spalten betragen, mit colspan="1" für die erste Spalte und dem td und colspan="3" für alle anderen Spalten.

Die App ist für Bestenlisten gedacht, daher enthält die erste Spalte die Ranglistennummern (1, 2, 3...) und muss viel schmaler sein als die nachfolgenden Spalten.

Natürlich können Sie class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 oder ein beliebiges mathematisches Ergebnis verwenden ... aber ich möchte wirklich nur wissen, was los ist.

Details hinzufügen, weil ich denke, dass diese Frage in Zukunft jemandem helfen wird:

Damals dachte ich, ich könnte Colspan für relative Einheiten verwenden, indem ich im Wesentlichen die Breite jeder Spalte im Verhältnis zu den anderen Spalten festlege. Das Problem, das ich habe, ist, dass jede Spalte genau die gleichen Einheiten hat. Es funktioniert nur bei einzelnen Zellen in einer Spalte und ähnelt im Wesentlichen der Funktion „Zusammenführen“ in 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>