JSFiddle - React, Tailwind, and code Playground

HTML

<table width="300" border="1">
  <tr>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
  </tr>
  <tr>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
  </tr>
  <tr>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
  </tr>
  <tr>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
    <td>DATA</td>
  </tr>
</table>

JavaScript

$('table').on('click','tbody tr', function (evt) {
    var $cell=$(evt.target).closest('td'), msg;
   
    $('body').append( ( $cell.index()>0)? "Do something<br>" :"Don't do anything<br>")
  
});