如何在datatable中显示bootstrap select组合框?

时间:2015-11-23 04:54:28

标签: javascript jquery css twitter-bootstrap datatable

任何人都可以帮我解决以下问题: - 我正在使用dataTable来显示我的数据。但是,当我使用bootstrap select下拉列表显示其中一列时,当菜单打开时,它会被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和dataTable .....

如果有人有任何想法,请告诉我???谢谢高级:)

1 个答案:

答案 0 :(得分:2)

您必须设置 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>