数据多的情况下,使用dropdown-menu标签,会出现这种情况,,
玩的解决方法:只让这个ul滚动;
这是不能滚动的代码
<tfoot>
<tr>
<th class="row">
<div
class="datagrid-footer-left col-sm-6 text-center-xs m-l-n"
style="display: none;">
<div class="grid-controls m-t-sm">
<span> <span class="grid-start"></span> - <span
class="grid-end"></span> (共 <span class="grid-count"></span>)
</span>
<div class="select grid-pagesize dropup" data-resize="auto">
<button data-toggle="dropdown"
class="btn btn-sm btn-default dropdown-toggle">
<span class="dropdown-label"></span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li data-value="5"><a href="#">5</a></li>
<li data-value="15" data-selected="true"><a href="#">15</a></li>
<li data-value="20"><a href="#">20</a></li>
<li data-value="50"><a href="#">50</a></li>
<li data-value="100"><a href="#">100</a></li>
</ul>
</div>
<span>/页</span>
</div>
</div>
<div
class="datagrid-footer-right col-sm-6 text-right text-center-xs"
style="display: none;">
<div class="grid-pager m-r-n">
<button type="button"
class="btn btn-sm btn-default grid-prevpage">
<i class="fa fa-chevron-left"></i>
</button>
<!--<span>页</span>-->
<div class="inline">
<div class="input-group dropdown combobox">
<input class="input-sm form-control" type="text">
<div class="input-group-btn dropup">
<button class="btn btn-sm btn-default"
data-toggle="dropdown">
<i class="caret"></i>
</button>
<ul class="dropdown-menu pull-right"></ul>
</div>
</div>
</div>
<span>/ <span class="grid-pages"></span></span>
<button type="button"
class="btn btn-sm btn-default grid-nextpage">
<i class="fa fa-chevron-right"></i>
</button>
</div>
</div>
</th>
</tr>
</tfoot>
,
在<ul class="dropdown-menu pull-right"></ul>这里加上 style="height:300px;overflow:scroll" 这个就可以滚动,高度自己设置