登录
首页 >  文章 >  前端

el-table 固定列中 div 超出列的问题如何解决?

时间:2024-11-03 16:42:50 196浏览 收藏

golang学习网今天将给大家带来《el-table 固定列中 div 超出列的问题如何解决? 》,感兴趣的朋友请继续看下去吧!以下内容将会涉及到等等知识点,如果你是正在学习文章或者已经是大佬级别了,都非常欢迎也希望大家都能给我建议评论哈~希望能帮助到大家!

el-table 固定列中 div 超出列的问题如何解决?

el-table 固定列中 div 无法超出列问题

在 el-table 的固定列中,使用绝对定位的 div 无法超出列的范围,超出部分会被隐藏。即使取消了 overflow:hidden 也不起作用。

解决方案

有两种解决办法:

  1. 使用 el-dropdown 组件: 直接使用 ele 的 el-dropdown 下拉菜单组件来实现功能,无需使用 div 自定义下拉菜单。
  2. 修改 CSS 超出隐藏: 如果必须使用自定义组件,则需要修改 .el-table__fixed 和 .el-table__fixed-body-wrapper 两个 CSS 类的超出隐藏设置。

到这里,我们也就讲完了《el-table 固定列中 div 超出列的问题如何解决? 》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>