JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr onMouseDown='showMenu(event)' onContextMenu='return false'>
<td>First row</td>
</tr>
<tr>
<td>Second row</td>
</tr>
</table>
<div id='divMnuTable' style='display:none' class='mnuTable'>Menu</div>

CSS

table {
  border: 1px solid black;
}
tr:nth-child(odd) {
  background-color: #CCFFCC;
}
.mnuTable {
    background-color: #90A090;
    position:absolute;
}

JavaScript

function showMenu(e) {
	e = e || window.event;
	var docEl = document.documentElement;
	var scrollLeft = docEl.scrollLeft || document.body.scrollLeft;
	var scrollTop  = docEl.scrollTop || document.body.scrollTop;
	var x = e.pageX || (e.clientX  + scrollLeft);
	var y = e.pageY || (e.clientY  + scrollTop);
	var div = document.getElementById('divMnuTable');
	div.style.left = x+'px';
	div.style.top = y+'px';
	div.style.display = 'block';
}