最后一个表格单元格上的下拉菜单被切断-React Bootstrap

Question

我有一个反应引导表，每行的最后一个单元格都有一个下拉菜单。直到最后一行都没问题，由于table元素中的overflow:hidden，下拉菜单被切断了。我想保留此设置，如果禁用它，则每当我将鼠标悬停在列标题上时，都会通过表主体高度显示一个长亮点。 overflow hidden保持突出显示列相对于表主体。

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

表组件：

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

Approw组件：

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

此设置很好，它不会被截断，但下拉菜单始终位于第一行的顶部，应该位于相应表行的顶部。因此，如果我单击最后一行，则下拉菜单不会出现在相应的表格行中，而是出现在第一张表格行的顶部。

有人遇到这个问题吗？您的帮助将不胜感激！