html - 固定列内的下拉菜单（使用位置粘性）停留在列下

Question

固定列内的下拉菜单（使用粘性位置）保留在列下方。
你可以在这里看到问题：https ://codepen.io/em-Omr/pen/zYddEjr

table th, table td{
  white-space: nowrap;
}

table thead tr th:last-of-type, table tbody tr td:last-of-type{
  background-color:#fff;
  position: sticky;
  right: 0;
  z-index: 9;
}

table tbody tr td:last-of-type{
  background-color: red;
}

.dropdown-menu{
  z-index: 10;
}

标签： htmlcssbootstrap-4