当jquery数据表的scrollX属性设置为true时,我遇到了隐藏 Bootstrap 下拉列表的问题。请参阅下面的屏幕截图。有什么想法如何在将scrollX设置为true的情况下解决这个问题吗?
dataTable = $('#table').DataTable({
"scrollX" : true
})
<div class="dropdown">
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="">Edit</a></li>
<li><a href="">Delete</a></li>
<li class="divider"></li>
<li><a href="">Separated link</a></li>
</ul>
示例: http://jsfiddle.net/dhL40g04/
当scrollX = false时显示 Bootstrap 下拉列表
当scrollX = true时 Bootstrap 下拉列表隐藏
最佳答案
#table .dropdown-menu {
position: relative;
float: none;
width: 160px;
}
<强> Demo
如果您希望菜单在不调整表格大小的情况下工作,则需要将其标记移到表格之外。您可以使用绝对定位来获得相同的位置。
关于JQuery 数据表隐藏 Bootstrap 下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28864802/