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