anchor tag not clicking inside a td table cell

I have designed a table like above with the help of the code below:

I have added the code only of the hyperlink td tag.

Appearance wise, I got what I wanted. But, nothing happens when I click on the hyperlink. And clicking on hyperlink and td cell is the same. Where and what am I missing here?

var hiddenElement = document.createElement("a");
hiddenElement.setAttribute("href", blob);
hiddenElement.setAttribute("download", `row-${rowID}-${colID}.bin`);
hiddenElement.setAttribute("target", "_blank");
hiddenElement.textContent = 'Download Binary Object';
tdEl.appendChild(hiddenElement);
trEl.appendChild(tdEl);
tableBody.appendChild(trEl);
hiddenElement.click();
URL.revokeObjectURL(blob);