可滾動數據表底部的下拉菜單增加了單擊的額外空間

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>