JSFiddle - React, Tailwind, and code Playground

by AndyE

HTML

<table>
    <tr>
        <td>0, 0</td>
        <td>0, 1</td>
        <td>0, 2</td>
    </tr>
    <tr>
        <td>1, 1</td>
        <td>1, 2</td>
        <td>1, 3</td>
    </tr>
    <tr>
        <td>2, 1</td>
        <td>2, 2</td>
        <td>2, 3</td>
    </tr>
    <tr>
        <td>3, 1</td>
        <td>3, 2</td>
        <td>3, 3</td>
    </tr>    
    <tr>
        <td>4, 1</td>
        <td>4, 2</td>
        <td>4, 3</td>
    </tr>
</table>

CSS

td { width: 75px; border: 1px black solid; text-align:center; height: 75px; }

JavaScript

$('table').delegate('td', 'click', function(evt) {
    var td = evt.target,
        row = td.parentNode.rowIndex;
    col = td.cellIndex;

    alert("Row: " + row + ", Column: " + col);
});