Gunnar Bittersmann: Javascript tabelle dynamisch erstellen

Beitrag lesen

@@Rolf B

Zum Thema click-Handler pro Row oder gar pro Cell: Das würde ich gar nicht erst versuchen. Registriere genau einen click-Handler auf der Table. Klicks in der Tabelle werden zwar auf td Elementen ausgelöst,

So? Werden sie das? Wie bitte soll ich einen Click auf ein td-Element auslösen, wenn ich nicht zu den priviligierten Nutzern gehöre, die eine Maus o.ä. verwenden können?

Für interaktive Schaltflächen muss man <button>s verwenden:

<td>
  <button></button>
</td>

Mit CSS kann man denen ihren Rahmen und Hintergrund nehmen. Beispiel (die buttons werden dort mit JavaScript generiert)

Und ja, die Click-Events der Buttons bubblen hoch zum table-Element.

🖖 Live long and prosper

--
In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis

— Bruce Springsteen, Streets of Minneapolis