如何显示其他div的下拉菜单？

Question

所以我有一张桌子，我通过更改css中的表格可滚动来水平滚动它。

但是，下拉菜单开始在表格末尾以可滚动方式切断。所以下拉菜单在技术上是可见的，但您必须将光标放在下拉菜单附近，并尝试向下滚动以查看下拉菜单的其余部分。我试图让隐藏的overflow-y禁用垂直滚动，但没有让下拉菜单超过其他div。当然，Z-指标太..

所以之前的代码片断它看起来像这样（你可以选择按钮会被截断）：

 $('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'overflow-x' : 'auto'}); 
     $('.dropdown-toggle').css({'z-index' : 9999}); 
     $('.dropdown-menu').css({'z-index' : 9999}); 
     $('.li').css({'z-index' : 9999}); 

和代码后，它看起来像这样：

我怎么能有表可滚动的水平，仍然既能使下拉菜单可见，因为它用于？所以下拉菜单会覆盖页码？

Answer 1

设置你的下拉列表fixed位置，替换代码：

$('.dropdown-menu').css({'z-index' : 9999}); 

到：

$('.dropdown-menu').css({'position' : 'fixed', 'z-index' : 9999}); 

，但还会有其他的问题，固定的位置...

或代替固定的位置让你的table-scrollable有固定的高度，所以它总是可以让下拉以适合我T的高度，而不会hidding它的变化：

$('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'overflow-x' : 'auto'}); 

到：

$('.table-scrollable').css({'display' : 'inline-block', 'width' : '100%', 'min-height': '200px', 'overflow-x' : 'auto'}); 

（我猜你的问题做出overflow，当你有表无数据）