如何在右键单击表格行时显示电子上下文菜单

Question

我正在尝试学习 Electron 并构建一个简单的应用程序。在 HTML 部分中，我有包含一些行的表格。
我使用“电子上下文菜单”NPM 包创建了上下文菜单。现在我希望当我右键单击表格的任何行时会弹出一些菜单，例如删除行。
例如，我有如下一行：

<tr>
  <td id="name-1"></td>
  <td id="prog-1"><progress id='progress-1' max='100' value='0'> </progress></td>
  <td id="size-1"></td>
  <td id="status-1"></td>
  <td style="display:none;" id="path-1"></td>
  <td style="display:none;" id="link-1"></td>
  <td style="display:none;" id="formatid-1"></td>
</tr>

现在，当我右键单击该行时，只会出现删除行菜单，并且单击该菜单后，我想调用一个deleteRow(this)将删除该行的函数。
为了动态添加和删除行，我使用以下代码：

这是 JSFiddle

有什么帮助吗？另外，如何获取行中元素的 id？

Answer 1

我自己找到了答案：

const menu = new Menu();
menu.append(new MenuItem({
  label: 'Resume', click(){
    console.log('resume clicked');
  }
}));
menu.append(new MenuItem({type: 'separator'}));
menu.append(new MenuItem({
  label: 'Pause', click(){
    console.log('item 2 clicked');
  }
}));

我在其中添加动态行：

new_row.addEventListener('contextmenu', function(e){
      var t = e.srcElement.id.split('-');
      id = t[1];
      menu.popup(remote.getCurrentWindow());
    });