Javascript tabelle dynamisch erstellen
bearbeitet von@@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:
```html
<th>
<button>…</button>
</th>
```
Mit CSS kann man denen ihren Rahmen und Hintergrund nehmen. [Beispiel](https://codepen.io/gunnarbittersmann/pen/KJBrEP) (die `button`s werden dort mit JavaScript generiert)
Und ja, die Click-Events der Buttons bubblen hoch zum `table`-Element.
🖖 Live long and prosper
{:@en}
--
*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*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Javascript tabelle dynamisch erstellen
bearbeitet von@@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:
```html
<th>
<button>…</button>
</th>
```
Mit CSS kann man denen ihren Rahmen und Hintergrund nehmen.
Und ja, die Click-Events der Buttons bubblen hoch zum `table`-Element.
🖖 Live long and prosper
{:@en}
--
*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*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}