JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<table id='example' class='display'>
    <thead><tr><th>User</th><th>User ID</th></tr></thead>
    <tbody>
        <tr id='idplugh'><td>Adventure</td><td>User ID: plugh</td></tr>
        <tr id='id2.71828'><td>e</td><td>User ID: 2.71828</td></tr>
        <tr id='id6EQUJ5'><td>Wow!</td><td>User ID: 6EQUJ5</td></tr>
        <tr id='id11235813'><td>Fibonacci</td><td>User ID: 11235813</td></tr>
    </tbody>
</table>

JavaScript

$('#example').dataTable();
$(document).on('click', '#example tbody tr',
                    function() {editRow(this.id.substring(2))});

function editRow(id)
{
    alert('The user id is ' + id);
}