解決bootstrap-table表頭filter-control select控件被遮擋顯示不全的問題

[本文出自天外歸雲的博客園]

在使用bootstrap-table的extension——filter-control時（對應表格的data-filter-control="true"，表頭th的data-filter-control="select"）

會遇到表頭的select控件向上展開被遮擋顯示不全的問題

 

這個問題這么解決，首先改下表的最小高度：

然后覆蓋掉bootstrap的css dropdown-menu類，指定下拉框的最大高度：

.dropdown-menu {
        /*
        解決bootstrap表頭filter-control select下拉框內容被遮擋顯示不全的問題
        重寫.dropdown-menu類的最大高度，同時配合調整table的style="min-height: 300px"
        */
        max-height: 200px !important;
}

這樣就解決了被遮擋的問題，即使過濾完只有一條數據的情況也保證不會被遮擋：