JSFiddle - React, Tailwind, and code Playground
HTML
<table id="the-table" />
JavaScript
window.addEventListener('load', function () {
// Add loads of rows
var rows = '';
for (var i = 0; i < 100; i++) {
rows += '<tr><td>' + i + '</td><td><a href="#">Click Here</a></td></tr>';
}
document.querySelector('#the-table').innerHTML = rows;
// End setup
document.querySelector('#the-table').addEventListener('click', function (e) {
if (e.target.nodeName === "A") {
alert('You clicked row #' + e.target.parentNode.previousSibling.innerText);
}
});
});