你有三个选择我能想到的
1.使用div.dataTables_scrollBody-元素的css和/或javascript覆盖overflow。
1.将datatables-settings中的scrollY设置为固定值（如600，表示600px）。
1.编写您自己的dropdown-element，用于在table-element之外/之上呈现打开的dropdown-list。
前两个选项可以实现安静简单。

• • 以下是选项1的示例：**
• 由于将溢出设置为可见将创建一些我们通常不希望出现的中断滚动行为，因此我们必须监听引导下拉列表中的事件，并动态应用溢出样式。*

第一个

使用属性data-container=“body”

<select data-container="body">
...
</select>

http://jsfiddle.net/IceManSpy/Y9hyD/2/

对我来说，最简单的解决方法是为dataTables_scrollBody设置一个最小高度。你可以根据下拉列表中的项目列表来增加最小高度。只需将它添加到你的样式表中。

.dataTables_scrollBody {
 min-height: 250px !important;
}

另一个简单的解决方法是向表中添加一个bottom padding。您需要设置dataTables Package 器的样式。按照以下方式设置表的样式，然后就可以开始了。您可以根据自己的喜好增加或减少填充。

#tblTest_wrapper.dataTables_wrapper {
    padding-bottom: 60px !important;
}

PS.在本例代码中，tblTest是表的名称。