下面是指向该示例的链接。http://www.codeply.com/go/uBnL1bBs6v
从这里你可以看到,当我应用一个层<div calss="table-responsive"></div>
来 Package 表格时,下拉菜单被切断了。
如果您移除 Package 函数<div class="table-responsive"></div>
,下拉式清单会正常运作。
我想知道什么会是问题,我如何解决它?我添加了表响应类,因为我需要的功能,以滚动列之间,因为我有很多列。
任何帮助都将不胜感激。
4条答案
按热度按时间r6l8ljro1#
下拉列表隐藏在tr下面。您必须将此
position:relative
设置为下拉列表,即ul元素。我已将此CSS规则添加到您的代码层中。Working Demo将此添加到CSS规则中,您会看到它已修复。
**注意:**在您的演示中,主体高度非常小,因此下拉菜单可能仍被视为隐藏。请为您的主体给予一些高度(用于演示)。
添加此
anauzrmj2#
显然,
table-responsive
类与table
类产生了冲突。我将研究更好的方法来解决它,但目前您可以简单地将height: 200px
应用到table
来解决问题。9o685dep3#
使用此CSS代码
fafcakar4#
只需将
table-responsive
类添加到overflow: visible