1. 首页 > 快讯

elementui固定列会错乱(element表格固定列不对齐)

固定列样式问题再探:绝对定位的 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 类,但对于大多数情况,选择 组件更为便捷。

本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/6526.html

联系我们

在线咨询:点击这里给我发消息

微信号:666666