JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js"></script>
<table id="contacts">
<thead>
<th>Name</th>
</thead>
<tbody><tr><td>Bob</td></tr>
</tbody>
</table>
<div class="contextMenu" id="myMenu1">
<ul>
<li id="copy">Copy</li>
<li id="delete">Delete</li>
</ul>
</div>
JavaScript
$('#contacts tbody tr').contextMenu('myMenu1', {
bindings: {
'copy': function(t) {
alert('content is '+$(t.target).text()+'\nAction was Delete');
},
'delete': function(t) {
alert('content is '+t.id+'\nAction was Delete');
}
},
itemStyle: {
fontSize: '13px',
fontFamily: 'verdana',
padding: '2px 2px 2px 10px',
cursor: 'pointer',
shadow: true
}
});