JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js"></script>
<table id="contacts">
    <tbody>
        <tr id="row_1"><td>1</td></tr>
        <tr id="row_2"><td>2</td></tr>
        <tr id="row_3"><td>3</td></tr>
        <tr id="row_4"><td>4</td></tr>
        <tr id="row_5"><td>5</td></tr>
        <tr id="row_6"><td>6</td></tr>
        <tr id="row_7"><td>7</td></tr>
        <tr id="row_8"><td>8</td></tr>
        <tr id="row_9"><td>9</td></tr>
    </tbody>
</table>

<div class="contextMenu" id="myMenu1">
    
    <ul>
        
        <li id="open"><img src="folder.png" /> Open</li>
        
        <li id="email"><img src="email.png" /> Email</li>
        
        <li id="save"><img src="disk.png" /> Save</li>
        
        <li id="close"><img src="cross.png" /> Close</li>
        
    </ul>
    
</div>

JavaScript

$('#contacts tbody tr').contextMenu('myMenu1', {
    bindings: {
        'open': function(t) {
            ShowAction(t, "Open");
        },
        'email': function(t) {
            ShowAction(t, "Email");
        },
        'save': function(t) {
            ShowAction(t, "Save");
        },
        'delete': function(t) {
            ShowAction(t, "Delete");
        }
    }
});

function ShowAction(t, a) {
    alert('Trigger was ' + t.id + '\nAction was ' + a + "\nHtml is " + $(t).html());
}