我有一个数据表,由于显示的列数而启用了scrollX。表行包含一个引导按钮下拉列表,其中有几个项目。当选择下拉列表时,滚动被启用,很难选择正确的操作。当选择下拉列表时,如何调整视口的大小,使垂直滚动不出现?
jsfiddle是https://jsfiddle.net/darwinaero/q9mLg375/15/
第一个
我有一个数据表,由于显示的列数而启用了scrollX。表行包含一个引导按钮下拉列表,其中有几个项目。当选择下拉列表时,滚动被启用,很难选择正确的操作。当选择下拉列表时,如何调整视口的大小,使垂直滚动不出现?
jsfiddle是https://jsfiddle.net/darwinaero/q9mLg375/15/
第一个
4条答案
按热度按时间pjngdqdw1#
你有三个选择我能想到的
1.使用
div.dataTables_scrollBody
-元素的css和/或javascript覆盖overflow
。1.将datatables-settings中的
scrollY
设置为固定值(如600,表示600px)。1.编写您自己的dropdown-element,用于在table-element之外/之上呈现打开的dropdown-list。
前两个选项可以实现安静简单。
第一个
7vux5j2d2#
使用属性data-container=“body”
http://jsfiddle.net/IceManSpy/Y9hyD/2/
rkue9o1l3#
对我来说,最简单的解决方法是为dataTables_scrollBody设置一个最小高度。你可以根据下拉列表中的项目列表来增加最小高度。只需将它添加到你的样式表中。
wfsdck304#
另一个简单的解决方法是向表中添加一个
bottom padding
。您需要设置dataTables Package 器的样式。按照以下方式设置表的样式,然后就可以开始了。您可以根据自己的喜好增加或减少填充。PS.在本例代码中,
tblTest
是表的名称。