Javascript 最后一个表格单元格上的下拉菜单被切断-反应引导

我有一个react引导表，每行的最后一个单元格都有一个下拉菜单。直到最后一行，由于table元素中的

overflow:hidden

，下拉菜单才被关闭。我想保留这一点，如果禁用它，那么每当我将鼠标悬停在列标题上时，就会有一个长高亮显示通过表体高度。

溢出隐藏

保持高亮显示列相对于表体

我如何克服这个问题？我尝试构建自己的自定义下拉菜单，如下所示：

表组件：

<tbody>
 {this.state.apps.map((app)=>{
                      return <AppRow />;  
                    })}
</tbody>

{this.state.apps.map（（app）=>{
返回；
})}

批准组件：

<tr>
 <td>cell1</td>
 <td>cell2</td>
 <td>last cell</td>
 <div>dropdown menu</div>
</tr>

第1单元
细胞2
最后一个细胞
下拉菜单

这个设置很好，它没有被切断，但是下拉菜单总是在第一行的顶部，它应该在对应表格行的顶部。因此，如果单击最后一行，下拉菜单不会出现在相应的表格行中，而是出现在第一个表格行的顶部

有人碰到过这个问题吗？谢谢你的帮助