Tabellenspalte bei :hover markieren

[Rolf B]

Hallo Matthias,

Coyier schreibt:

because there is no single HTML element that is parent to table cells in a column

Das ist nicht ganz richtig - zumindest bei neueren Browsern (FF, Chrome, Edge) ist es so, dass ich dies schreiben kann:

<table>
  <colgroup><col><col><col><col></colgroup>
  <tr><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td></tr>
  <tr><td></td><td></td><td></td><td></td></tr>
</table>

und dann einem col-Element eine Hintergrundfarbe geben. Daraufhin färbt sich der Spaltenhintergrund. Das klappt auch im IE11.

Man sollte es aber vermeiden, soetwas in Tables zu machen die colspan verwenden. In der Zeile, wo der colspan ist, gibt's Durcheinander.

Rolf