下拉列表隐藏在tr下面。您必须将此position:relative设置为下拉列表，即ul元素。我已将此CSS规则添加到您的代码层中。Working Demo

table.table ul.dropdown-menu{
    position:relative;
    float:none;
    max-width:160px;
}

将此添加到CSS规则中，您会看到它已修复。

**注意：**在您的演示中，主体高度非常小，因此下拉菜单可能仍被视为隐藏。请为您的主体给予一些高度（用于演示）。

添加此

body{
    height:500px;
}

显然，table-responsive类与table类产生了冲突。我将研究更好的方法来解决它，但目前您可以简单地将height: 200px应用到table来解决问题。

使用此CSS代码

.table-responsive>table .dropdown{position:static;}
.table-responsive>table .dropdown>.dropdown-menu{left:auto !important;top:auto !important;}

只需将table-responsive类添加到overflow: visible