Tabelle über CSS: display

Hallo,

kann mir jemand ein gutes Bsp. geben wie ich eine Tabelle mit CSS lösen kann.

Ich benötige mehrzellige Kopfzeilen wo auch eine Spalte über mehrere Spalten gehen kann.

Das Bsp.: von Selfhtml hat mir leider nicht weiter geholfen.
Bsp. display:table-column-group

Für Eure Hilfe bin ich echt dankbar.

MfG
P.Kuhne

  1. Ich benötige mehrzellige Kopfzeilen wo auch eine Spalte über mehrere Spalten gehen kann.

    Du möchtest mit HTML Zellen verbinden?
    Gunnar

    --
    I never intended HTML source code (the stuff with the angle brackets) to be seen by users. […] To my surprise, people quickly became familiar with the tags and started writing their own HTML documents directly. (Tim Berners-Lee in Weaving the Web)
    1. Ich benötige mehrzellige Kopfzeilen wo auch eine Spalte über mehrere Spalten gehen kann.

      Du möchtest mit HTML Zellen verbinden?
      Gunnar

      Hallo Gunnar,

      Ich habe ein viel größeres Problem als die Zellen mit colspan zu erweitern.

      Ich habe eine Tabelle mit mehreren Kopfzeilen die ich auch mit colspan gelöste Spalte.
      OK funktioniert einwandfrei.

      nach den Kopfzeilen kommen etliche Daten Zeilen die Strukturiert
      vorliegen.

      Nun möchte ich einzelne Zeilen ausblenden-> CSS display:none

      Das funktioniert auch
      Mit dem Tag <tbody> funktioniert das auch über mehrere Zeilen.

      Mein Problem ist aber das <tbody> keine Verschachtelung verträgt.
      Deshalb habe ich mir gedacht erstelle eine Tabelle über CSS.

      MfG
      P.Kuhne

      Bsp.:
      <table border="1">
      <tr>
        <th>Spalte1</th><th>Spalte2</th></tr>
      <tbody style="display:none">
      <tr>
         <td>1</td>
         <td>2</td>
      </tr>
      <tbody style="display:none">
        <tr>
          <td>1</td>
          <td>2</td>
        </tr>
      </tbody>
      <tr>
         <td>1</td>
         <td>2</td>
      </tr>
      </tbody>
      </table>

      1. hi,

        Nun möchte ich einzelne Zeilen ausblenden-> CSS display:none
        Das funktioniert auch
        Mit dem Tag <tbody> funktioniert das auch über mehrere Zeilen.

        Mein Problem ist aber das <tbody> keine Verschachtelung verträgt.

        und was genau stellt daran jetzt ein problem dar?

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo

          in meinen Bsp. wird die letzte Zeile immer angezeigt. Das sollte
          aber mit einer Verschatelung nicht passieren. Leider unterstützt aber <tbody> keine Verschatelung.

          Deshalb wollte ich eine Tabelle mit CSS erstellen über div und span
          wo ich auch verschachteln kann.

          MfG
          P.Kuhne

          1. hi,

            in meinen Bsp. wird die letzte Zeile immer angezeigt. Das sollte
            aber mit einer Verschatelung nicht passieren.

            warum blendest du dann diese letzte zeile nicht parallel zu den anderen aus?

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
      2. Peter,

        Bsp.:
        <table border="1">
        <tr>
          <th>Spalte1</th><th>Spalte2</th></tr>
        <tbody style="display:none">

        </tbody>
        </table>

        Das ist kein valides HTML: „Der Start-Tag TBODY ist immer erforderlich, außer die Tabelle enthält nur einen Tabellenrumpf und keinen Tabellenkopf oder -fuß.“ [HTML401 §11.2.3]

        Nutze auch thead und tfoot.
        Gunnar

        --
        I never intended HTML source code (the stuff with the angle brackets) to be seen by users. […] To my surprise, people quickly became familiar with the tags and started writing their own HTML documents directly. (Tim Berners-Lee in Weaving the Web)