在引导表问题中打开引导选择
在引导表问题中打开引导选择
提问于 2016-09-19 10:13:57
问题
我使用的是自举表插件和引导-选择插件，这两个插件都工作得很好。
但是当我在引导表中使用引导-选择时，我会遇到一个问题。如果打开最后一行的复选框，表大小将发生变化，而不是选择框“遍历”表区域，从而创建我不喜欢的滚动区域。
如下图所示：
我试图使用下面的javascript代码“修复”这种效果，但没有效果。代码被执行，但问题仍然存在。我看不出哪个css对这种行为负责，任何帮助都是非常感谢的。
$('.table-responsive').on('show.bs.select', function () {
console.log("triggered show bs select");
$('.table-responsive').css( "overflow", "hidden" );
});
$('.table-responsive').on('hide.bs.select', function () {
console.log("triggered hide bs select");
$('.table-responsive').css( "overflow", "auto" );
})示例
这种行为可从以下方面看出：
Jsfiddle:http://jsfiddle.net/e3nk137y/8612/
编辑
我现在让它起作用了，但只能在表上应用填充-底部，并使用以下js代码：
$('.table-responsive').on('show.bs.select', function () {
$('.table-responsive').css( "overflow", "inherit" );
$('.bootstrap-table').css( "overflow", "inherit" );
$('.fixed-table-body').css( "overflow", "inherit" );
}); 我现在还没有回答这个问题，因为这不是我的oppinion中的一个“很好”的修复，特别是添加的填充，它需要再次“隐藏”复选框。
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-09-19 13:26:42
您可以添加选项container: 'body'。这将把下拉表之外，并将防止问题。如果body有问题，只需使用包含表的任何元素，该元素足够大，足以包含下拉菜单。
小提琴手
Stack Overflow用户
发布于 2016-09-19 10:27:51
类.fixed-table-body似乎导致了这种情况。删除overflow-x: auto;和overflow-x: auto;可以解决问题。
Stack Overflow用户
发布于 2017-12-22 06:21:27
类..table响应似乎是造成这种情况的原因。删除溢出-x: auto；修复您的问题。您可以在bootstrap.css中找到样式
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39570611
复制相关文章
相似问题
腾讯云开发者
