JSFiddle - React, Tailwind, and code Playground

HTML

<table width='100%'>
    <tr>
        <td>normal table row</td>
    </tr>
    <tr onclick=''>
        <td>row has onclick</td>
    </tr>
    <tr style='cursor: pointer'>
        <td>row has pointer cursor</td>
    </tr>
</table>

CSS

td {
    padding: 20px;
    border: 1px solid #000;
}

JavaScript

$(document).on('click', 'tr', function () {
    alert('row clicked')
});