JSFiddle - React, Tailwind, and code Playground

HTML

<table align="center" id="tblData" border="1" style="cursor: pointer;">
   <tr>
       <td>R1C1</td>
       <td>R1C2</td>
       <td>R1C3</td>
    </tr>
    <tr>
        <td>R2C1</td>
        <td>R2C2</td>
        <td>R2C3</td>
    </tr>
    <tr>
        <td>R3C1</td>
        <td>R3C2</td>
        <td>R3C3</td>
    </tr>
    <tr>
        <td>R4C1</td>
        <td>R4C2</td>
        <td>R4C3</td>
    </tr>
    <tr>
        <td>R5C1</td>
        <td>R5C2</td>
        <td>R5C3</td>
    </tr>
</table>

JavaScript

var tbl = document.getElementById("tblData");
if (tbl != null) {
var c = tbl.rows[2].cells[1];
tbl.rows[0].cells[0].onclick = function() {getval(c);};
}
function getval(cel) {
alert(cel.innerHTML);
}