javascript - div弹出显示在表格边框下

我使用内部选择的jquery弹出窗口构建bootstrap表，并且当在max-width：512px媒体查询上查看表时，我将表设置为x-scrollable：

＆＃13;

@media (max-width:512px){
  table {
    overflow-x: auto;
		overflow-y: hidden;
		display: block;
		white-space: nowrap;
  }
}

＆＃13;

所以表保持宽度并且只是水平滚动。

我面临的问题是，当宽度超过媒体查询的视图限制了我使用所选jquery插件构建的弹出窗口时，它会正确显示但是当视图的宽度变小时，弹出窗口会出现在边框下方在表中，我尝试了所有的位置并在css中显示但没有运气。

要查看问题，请将预览重新调整为较小的宽度，直至看到水平滚动条。

我想在表格上方显示弹出窗口。

请咨询，