JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tbl" class="table table-bordered table-dark">
  <thead>
    <tr>
      <th>Name</th>
      <th>Country</th>
      <th>Terms</th>
      <th>Cheque/Giro Name</th>
      <th>PPN</th>
      <th>NPWP</th>
      <th>Status</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Name</td>
      <td>Country</td>
      <td>Terms</td>
      <td>Cheque/Giro Name</td>
      <td>PPN</td>
      <td>NPWP</td>
      <td>Status</td>
      <td><a>Action</a></td>
    </tr>
    <tr>
      <td>Name</td>
      <td>Country</td>
      <td>Terms</td>
      <td>Cheque/Giro Name</td>
      <td>PPN</td>
      <td>NPWP</td>
      <td>Status</td>
      <td><a>Action</a></td>
    </tr>
    <tbody>
</table>

JavaScript

$('#tbl tbody').on( 'click', 'td:last-child', function () {
  var row = $(this).parent().parent().children().index($(this).parent());
  alert(row+1);
});