JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

CSS

#table th,#table td {
    background:#ff0;
    height:20px;
    width:30px;
    
}

JavaScript

($(document).ready(function(){
    $('th,td').click(function(){
        var _this=this;
        this.innerHTML=[_this.parentNode.rowIndex,_this.cellIndex].join(',');
        
    });
}));