Question

当组合可滚动数据表和bootstraps下拉列表时，单击表底部的下拉列表会从弹出窗口向滚动添加额外的空白区域。我希望下拉列表不会为滚动添加空间，而是让它显示在表格之外。你对这个问题有任何想法吗？（它也发生在boostrap日历/ selectpicker中）

我找到的唯一答案是使用dropup

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

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

}）;

jsfiddle Code

Answer 1

使用底部按钮的dropup类，这样当你点击下拉菜单时，菜单就会显示在上面。

的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>

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

1 个答案: