JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tablea">
    <thead>
        <tr>
            <th></th>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>001</td>
            <td>M</td>
            <td>N</td>
            <td>O</td>
            <td>P</td>
        </tr>
        <tr>
            <td>002</td>
            <td>R</td>
            <td>S</td>
            <td>T</td>
            <td>U</td>
        </tr>
    </tbody>
</table>

JavaScript

table = document.getElementById("tablea");
        var rows = table.rows;
        for (var i = 1; i < rows.length; i++) {
            rows[i].cells[2].onclick = function (e) {
                rowid = e.target.previousElementSibling.previousElementSibling.textContent;
                alert(rowid);
            };
        }