JSFiddle - React, Tailwind, and code Playground

HTML

<table id="main"><tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr><tr>
    <td>5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
</tr><tr>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
</tr></table>

JavaScript

var numberOfClicks = 3;
var table=document.getElementById("main");
var rows = table.rows;
for (var i = 0; i < rows.length; i++) {
    rows[i].onclick = (function(cnt) { // closure
        return function() {
            if (--cnt == 0) {
                this.style.display = 'none';
            }
        }
    })(numberOfClicks);
}