bootstrap分页dropdown标签滚动问题

数据多的情况下,使用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" 这个就可以滚动,高度自己设置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值