CSS: Tabelle mit 2 und mehr Kopfzeilen formatieren

[Gunnar Bittersmann]

@@Jan^3

<table border="2">  
  <tr>  
    <td rowspan="2">Schlüssel</td>  
    <td rowspan="2">Bezeichnung</td>  
    <td colspan="2">Datentyp</td>  
    <td rowspan="2">Beschreibung</td>  
    <td rowspan="2">Referenzliste Werte</td>  
  </tr>  
  <tr>  
    <td>Typ</td>  
    <td>Größe</td>  
  </tr>  
  <tr>  
    <td>Zelle 1.1</td>  
    ⋮
  </tr>  
</table>  

Habt ihr einen Tipp für mich?

Aus Scheiße Gold machen. Das DOM per JavaScript umwandeln zu

<table>
  <thead> 
    <tr>  
      <th rowspan="2">Schlüssel</th>  
      <th rowspan="2">Bezeichnung</th>  
      <th colspan="2">Datentyp</th>  
      <th rowspan="2">Beschreibung</th>  
      <th rowspan="2">Referenzliste Werte</th>  
    </tr>  
    <tr>  
      <th>Typ</th>  
      <th>Größe</th>  
    </tr> 
  </thead>
  <tbody> 
    <tr>  
      <td>Zelle 1.1</td>  
      ⋮
    </tr>  
  </tbody>
</table>  

Dann klappt’s auch mit dem Nachbarn Stylen.

LLAP 🖖