Element UI 固定列中,绝对定位的 Div 无法超出固定列,如何解决?

Element UI 固定列中,绝对定位的 Div 无法超出固定列,如何解决?

固定列样式问题再探:绝对定位的 div 无法超出固定列

使用 Element UI 的表格组件时,在固定列中插入了一个绝对定位的 Div,但 Div 无法超出固定列,内容被隐藏。如何解决这一问题?

解决办法:

  1. 使用 Element UI 组件:放弃使用 Div,直接采用 Element UI 提供的 下拉菜单组件。此组件在固定列中使用时不会出现超出隐藏问题。
  2. 修改 CSS 类:在固定列中放入元素后,需要修改以下 CSS 类:

    • .el-table__fixed
    • .el-table__fixed-body-wrapper

    将超出隐藏的属性移除,如 overflow: hidden;。

需要注意的是,如果要高度定制的话,使用自定组件可能仍然需要修改 CSS 类,但对于大多数情况,选择 组件更为便捷。

以上就是Element UI 固定列中,绝对定位的 Div 无法超出固定列,如何解决?的详细内容,更多请关注其它相关文章!