Jquery 在表格中覆盖行菜单

我想在行的末尾显示行菜单（在右侧对齐并覆盖行内容）：

当用户悬停一行时，“行”菜单应覆盖该行

当用户单击某一行时，该行中应包含行菜单

这是我的密码：

HTML:

CSS:

我的问题在第2行和第4行。行菜单不覆盖行内容，但位于行内容之上

如何创建覆盖行内容的菜单？

请参见此 我对你的CSS做了如下一点修改

tr:hover td .table-menu, tr:hover th .table-menu {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
}

使用<代码>位置：绝对位置带

右侧：0和<代码>顶部：0使其显示为右上角的覆盖

更新

为了使绝对定位的div始终保持在表的左侧，我添加了下面的CSS

.table{ position:relative; }

请参见
这是您想要的吗？使用“right:0”属性，行菜单将在页面右侧对齐，而不是在表格右侧对齐。看看这个jsfiddle中的问题：然后可以使用
position:absolute无<代码>右侧：0。确实可以看到这一点，但行菜单在单元格的左侧对齐，而不是右侧对齐。也许我应该使用java脚本来设置正确的属性。您不需要…看到这个..这就是您需要的吗？使用
.table{position:relative；}
，它可以工作。谢谢
.table-menu
{
    display: none;
}

tr:hover td .table-menu, tr:hover th .table-menu
{
    display: inline;
    float: right;
}

.table-menu-active
{
    display: inline;
    float: right;
}

tr:hover td .table-menu, tr:hover th .table-menu {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
}

.table{ position:relative; }