JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
<table>
    <thead>
        <tr>
            <th>Id</th>
            <th>Abc</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Efg</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Hij</td>
        </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function() {
    var table = $('table').DataTable();
    $('tbody').on('click','tr', function(){
        var data = table.row( this.rowIndex-1 ).data();
        alert(data);
    });
});