
固定列样式问题再探:绝对定位的 div 无法超出固定列
使用 Element UI 的表格组件时,在固定列中插入了一个绝对定位的 Div,但 Div 无法超出固定列,内容被隐藏。如何解决这一问题?
解决办法:
- 使用 Element UI 组件:放弃使用 Div,直接采用 Element UI 提供的 zuojiankuohaophpcnel-dropdownyoujiankuohaophpcn 下拉菜单组件。此组件在固定列中使用时不会出现超出隐藏问题。
-
修改 CSS 类:在固定列中放入元素后,需要修改以下 CSS 类:
- .el-table__fixed
- .el-table__fixed-body-wrapper
将超出隐藏的属性移除,如 overflow: hidden;。
需要注意的是,如果要高度定制的话,使用自定组件可能仍然需要修改 CSS 类,但对于大多数情况,选择 zuojiankuohaophpcnel-dropdownyoujiankuohaophpcn 组件更为便捷。










