解决bootstrap-table表头filter-control select控件被遮挡显示不全的问题
Bootstrap 解决 显示 控件 Table SELECT filter Control
2023-09-27 14:26:55 时间
[本文出自天外归云的博客园]
在使用bootstrap-table的extension——filter-control时(对应表格的data-filter-control="true",表头th的data-filter-control="select")
会遇到表头的select控件向上展开被遮挡显示不全的问题
这个问题这么解决,首先改下表的最小高度:
然后覆盖掉bootstrap的css dropdown-menu类,指定下拉框的最大高度:
.dropdown-menu { /* 解决bootstrap表头filter-control select下拉框内容被遮挡显示不全的问题 重写.dropdown-menu类的最大高度,同时配合调整table的style="min-height: 300px" */ max-height: 200px !important; }
这样就解决了被遮挡的问题,即使过滤完只有一条数据的情况也保证不会被遮挡:
相关文章
- BootStrap学习
- Bootstrap 4 - Glyphicons migration?
- Bootstrap的表单控件
- Bootstrap 3之美07-插件Collapse、Accordion、Modal、Tab、Tooltip、Alert、Carousel
- 基于 Bootstrap 5 的博客和杂志主题 HTML 网站模板
- 使用spring boot加bootstrap实现一个可视化的数据库编辑的后台管理系统
- bootstrap.yml与application.yml的区别
- Bootstrap之图片展示界面Demo2
- 免费资源:Bootstrap开发的创意模板
- bootstrap-select简单使用
- Bootstrap 4 中 Alerts 实现
- 实现 Bootstrap 基本布局
- Bootstrap Table实现表格高度随着窗口大小而改变,从而显示表格滚动条,以保证分页条始终停留在下方 李北北 关注
- Bootstrap Table实现表格高度随着窗口大小而改变,从而显示表格滚动条,以保证分页条始终停留在下方 李北北 关注