Jquery 当行数较少时,列内的下拉菜单无法正确渲染

Jquery 当行数较少时,列内的下拉菜单无法正确渲染,jquery,html,css,drop-down-menu,datatables,Jquery,Html,Css,Drop Down Menu,Datatables,我试图在数据表中显示一个下拉菜单 当datatable中有足够的行时,通常会出现下拉菜单: 当行数不足时,下拉菜单隐藏在datatable后面: 我想,出现这个问题是因为的溢出属性

我试图在数据表中显示一个下拉菜单

当datatable中有足够的行时,通常会出现下拉菜单:

当行数不足时,下拉菜单隐藏在datatable后面:

我想,出现这个问题是因为
溢出
属性
被设置为
自动
。我尝试更改为“可见”
,然后下拉菜单正确显示,但“导出”/“搜索”等顶级按钮不可单击

尝试在下拉菜单上设置高
z-index
值,但也没有帮助

我怎样才能解决这个问题


添加演示:


请参阅上一篇文章的第4栏。“Last actioned”:

Akshay,如果可能的话,给我们url或代码以及工作示例,以便我们进行调试,这是需要调试的事情,没有工作示例,我们就无能为力you@AwsmeSandy:给你(请看最后一个viz的第4列:“最后一次行动”):这里我们也使用了表格滚动,因此,我们当然不能让它可见,最好和最短的方法是给表容器“dataTables\u scrollBody”一个最小的高度,比如300px,这样下拉列表就可以完全可见了,这也有点棘手,如果你把下拉列表设置为固定位置,那么它就可以完全可见,但是在这种情况下,您必须检查所单击按钮的偏移位置,并将这些位置值指定给下拉列表,使其正好位于按钮下方。@AWS对于第一个选项,我的下拉列表可由用户配置,因此我不知道要指定多少“最小高度”。你能举例说明你提到的第二种选择吗?Thanksher是你最好的例子,这可能会帮助你Akshay,如果可能的话,给我们url或代码和工作示例,这样我们就可以调试,这是需要调试的东西,没有工作示例,我们就帮不上忙you@AwsmeSandy:给你(请看最后一篇文章的第4栏“最后一次行动”):这里我们也使用了表格滚动,因此我们当然无法使其可见,最好且最短的方法是为表格容器“dataTables_scrollBody”指定一个最小高度,如300px,这样下拉列表将以另一种方式完全可见,这也有点棘手,如果将下拉列表设置为固定位置,然后它可以完全可见,但在这种情况下,您必须检查所单击按钮的偏移位置,并将这些位置值分配给下拉列表,使其刚好位于按钮下方。@AWS对于第一个选项,我的下拉列表可由用户配置,因此我不知道要指定多少“最小高度”。你能举例说明你提到的第二种选择吗?Thanksher是你最好的例子,也许这会对你有所帮助