Ein ganzes Tabellenfeld als Link

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Damit ist die clickbare Box aber nur so hoch wie ihr Inhalt. Wenn die Tabellenzelle höher ist, weil andere Zellen in der Spalte mehr Inhalt haben, ist immer noch nicht die gesamte Tabellenzelle clickbar.

Und wenn nicht? Kriegt man das a-Element mit CSS so hoch wie das td-Element? (Irgendein Hack mit position: absolute dürfte ausfallen.)

Mir fällt da auf die Schnelle nur JavaScript ein

document.querySelectorAll('td a').forEach(aElement => {
	aElement.style.height = aElement.closest('td').offsetHeight + 'px';
});

was initial und bei jeder Änderung der Tabelle (Änderung des Inhalts; resize des Browserfensters) ausgeführt wird.

LLAP 🖖