Gunnar Bittersmann: zeilen und spalten einer tabelle ein- und ausblenden lassen

Beitrag lesen

Hello out there!

Weise jedem TR und jedem TD eine Klasse zu.

Nein, du möchtest die Tabellenzeilen nicht klassifizieren, sondern identifizieren:

<table>  
  <col id="col0" />  
  <colgroup>  
    <col id="col1" />  
    <col id="col2" />  
  </colgroup>  
  <thead>  
    <tr id="row0">  
      <th>00</th>  
      <th>01</th>  
      <th>02</th>  
    </tr>  
  </thead>  
  <tbody>  
    <tr id="row1">  
      <th>10</th>  
      <td>11</td>  
      <td>12</td>  
    </tr>  
    <tr id="row2">  
      <th>20</th>  
      <td>21</td>  
      <td>22</td>  
    </tr>  
  </tbody>  
</table>

Der IE versteht es, Tabellenspalten über das col-Element auszublenden:
#col1 {display: none}

Firefox lässt sich davon nicht beeindrucken, kennt aber den Nachbarschaftsselektor und Pseudoklassen:
th:first-child+th, th:first-child+td {display: none}

Mit der Kombination
#col1, th:first-child+th, th:first-child+td {display: none}
sollten wohl alle CSS-interpretierenden UAs die Spalte ausblenden.

Bei Zeilen gibt es keine Probleme:
#row1 {display: none}

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)