如果我没理解错的话，你想创建一个上下文菜单，并且只在特定的行之间放置一个分隔符。我尝试给表格行设置样式，结果好坏参半，尝试给分隔符行添加[td]元素，然后给它们设置样式。但是，除了使用[table]，也许可以考虑使用[menu]。
表格：

table.context-menu {
        --item-active: #316ac4;
      --item-disabled: #ABA89A;
      --table-padding: 2px;
      list-style: none;
      position: absolute;
      left: 0;
      padding: 2px;
      margin: 0;
      color: #000;
      background-color: #FFF;
      border: 1px var(--item-disabled) solid;
      border-collapse: separate;
      border-spacing: 0px;
      min-width: 10em;
    }

    table.context-menu tr.spacer {
  position: relative;
  height: 8px;
}
table.context-menu tr.spacer td:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  height: 1px;
  width: 100%;
  background-color: var(--item-disabled);
}
table.context-menu > tbody > tr > td {
  white-space: nowrap;
  padding: 4px 1em;
}
table.context-menu > tbody > tr.disabled > td {
  color: var(--item-disabled);
}
table.context-menu > tbody > tr:not(.disabled):hover > td {
  cursor: default;
  background-color: var(--item-active);
  color: #fff;
}
table.context-menu > tbody > tr > td:first-of-type {
  width: 100%;
}
table.context-menu > tbody > tr > td.children {
  position: absolute;
  padding: 0;
}
table.context-menu > tbody > tr:not(.disabled) > td.children {
  position: relative;
}
table.context-menu > tbody > tr:not(.disabled) > td.children:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
table.context-menu > tbody > tr:not(.disabled):hover > td.children:after {
  border-left-color: #FFF;
}
table.context-menu > tbody > tr > td.children > table.context-menu {
  display: none;
}
table.context-menu > tbody > tr:not(.disabled):hover > td.children > table.context-menu {
  top: 0;
  display: table;
}

<table class="context-menu">
      <tr>
        <td>Cut</td>
        <td>Ctrl+X</td>
      </tr>
      <tr class="spacer">
          <td></td>
          <td></td>
      </tr>
       <tr>
        <td>Copy</td>
        <td>Ctrl+C</td>
      </tr>
      <tr class="disabled">
        <td>Paste</td>
        <td>Ctrl+V</td>
      </tr>
    </table>

菜单：
一个二个一个一个

您的tr.spacer为 * 空 *，即不包含任何（td）单元格，这是无效的HTML。每行必须具有相同数量的单元格（或者必须具有相应的colspan属性）
因此HTML应该如下所示：

<table class="context-menu">
  <tr>
    <td>Cut</td>
    <td>Ctrl+X</td>
  </tr>
  <tr class="spacer"><td></td><td></td></tr>
   <tr>
    <td>Copy</td>
    <td>Ctrl+C</td>
  </tr>
  <tr class="disabled">
    <td>Paste</td>
    <td>Ctrl+V</td>
  </tr>

</table>

我在Safari中用你的jsfiddle试过了，效果很好。