如何在表格中正确放置粘性td元素

问题描述

在表格的末尾（最后一个日期），我有一个按钮，显示带有其他选项的弹出窗口。我希望此td / button在行的末尾，但是当屏幕较小时（出现 X轴滚动）我希望它停留在表格可见部分的末端。我是通过将这些样式放入td来实现的：

td {
  position: sticky;
  right:0
}

它起作用了，但是现在如果您将弹出窗口（单击后出现）悬停在特殊区域（在同一按钮上方，但在另一行），则窗口消失。我试图将z-index添加到弹出窗口，但是没有用。有谁知道如何解决它，还是我应该使用其他样式放置td / button？
弹出菜单：

消失之前的时刻：

解决方法

尝试margin-top：-5px。或尝试将父元素添加到您的元素，然后将样式转移给父元素。而不是孩子，您必须添加position：relative和top：-5px

,

只需尝试对td {}使用z-index 0或-1。我希望它能正常工作。

td {
  position: sticky;
  right:0;
  z-index: 0; //or below one
  z-index: -1;
}