Sie können die index der schwebenden td ermitteln und dann die verwandte th mit demselben Index finden, etwa so:
Dies könnte nur in CSS mit Pseudoelementen erfolgen, z. B. mit dem Pseudoelement :before .
Die Idee ist, das Pseudoelement background-color zu setzen und es mit height:1000%; top:-1000%; überlaufen zu lassen (dies behandelt maximal 10 Zeilen, für die Behandlung von mehr Zeilen ist die Berechnung 100% * number rows to handle , zB 10000% für 100 Zeilen, etc ...). Dieses Pseudoelement ist absolut positioniert, wobei z-index den TDs von TABLE unterlegen ist. Auf TD :hover , wegen des Überlaufs des Pseudoelements, wird die Hintergrundfarbe des spezifischen TH visuell verändert. Die Tabelle benötigt overflow: hidden; .
Sie können sogar auf TH-Elemente klicken, um eine bestimmte Spalte hervorzuheben. Hier ist ein komplexeres Beispiel, das nur noch in CSS enthalten ist: