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

//var table = $('#tbl');

$('#tbl tbody').on( 'click', 'td:last-child', function (e) {
  var row = $(this).parent().parent().children().index($(this).parent());
  
  var data = [];
  var target = e.srcElement || e.target;
    while (target && target.nodeName !== "TR") {
        target = target.parentNode;
    }
    if (target) {
        var cells = target.getElementsByTagName("td");
        for (var i = 0; i < cells.length-2; i++) {
            data.push(cells[i].innerHTML);
        }
    }
    alert(row)
    alert(data);
});

/*
var table = document.getElementsByTagName("table")[0];
var tbody = table.getElementsByTagName("tbody")[0];
tbody.onclick = function (e) {
    e = e || window.event;
    var data = [];
    var target = e.srcElement || e.target;
    while (target && target.nodeName !== "TR") {
        target = target.parentNode;
    }
    if (target) {
        var cells = target.getElementsByTagName("td");
        for (var i = 0; i < cells.length-2; i++) {
            data.push(cells[i].innerHTML);
        }
    }
    alert(data);
};
*/