可滚动数据表底部的下拉菜单增加了单击的额外空间

Question

当将可滚动数据表和引导程序下拉列表结合使用时，单击表底部的下拉列表可为弹出窗口中的滚动添加额外的空格。 我希望下拉列表不要在滚动条上增加空间，而应该在表外显示。 您对此问题有任何想法吗？ （这也发生在boostrap日历/ selectpicker中）

我发现的唯一答案是使用dropup

这是示例代码JSFIDDLE（单击表格底部的下拉列表）

$(document).ready(function() {
$('#test_Table').DataTable( {
    "scrollY":        "200px",
    "scrollCollapse": true,
    "paging":         false
} );

}）；

jsfiddle代码

Answer 1

使用下拉菜单的底部按钮类，以便在单击下拉菜单时位于顶部。

JSFIDDLE https://jsfiddle.net/p4j824p0/

<div class="btn-group dropup"> 
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     Action <span class="caret"></span>
   </button>
    .
    .
    .
</div>