javascript - 如何在数据表中显示 Bootstrap 选择组合框?

标签 javascript jquery css twitter-bootstrap datatable

任何人都可以帮我解决以下问题: - 我正在使用 dataTable 来显示我的数据。但是,当我使用 bootstrap 选择下拉列表显示在其中一个列中时,当菜单打开时,它会被 dataTable 隐藏。那么如何解决这个问题: enter image description here

如您所见,另外两个菜单项被 dataTable 隐藏了,那么如何显示所有三个菜单项????

应该像其他两个元素一样向我展示组合框,如下所示: enter image description here

一些下拉代码:

 <select class="selectpicker remove-example">
<option value="Mustard">Mustard</option>
<option value="Ketchup">Ketchup</option>
<option value="Relish">Relish</option>

表将是 Bootstrap 和数据表.....

请让我知道如果有人有任何想法???提前致谢:)

最佳答案

您必须设置 container 选项,see example here

所以你的代码变成了:

<select class="selectpicker remove-example" data-container="body">
<option value="Mustard">Mustard</option>
<option value="Ketchup">Ketchup</option>
<option value="Relish">Relish</option>

关于javascript - 如何在数据表中显示 Bootstrap 选择组合框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33863936/

相关文章:

html - 标签内的复选框字段和 div 之间的区别?

Javascript 引用对象自身内部的值

javascript - 图像和 Canvas 旋转

JavaScript 数组帮助

jquery - 单击我的 webapp 中的 url 链接下载页面,有时单击被禁用可能是什么原因?

c# - 如何通过JQuery获取多行文本框的默认值?

javascript - 如何使用纯 javascript 或 jQuery 而不是将鼠标悬停在单击上

javascript - 在接收推送通知的同时在后台运行 javascript 函数?

javascript - 根据对象名称过滤对象数组

javascript - 分割 D3 图形 Y 轴垂直色线