el-table 固定列中 div 定位无法超出问题解决方法？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《el-table 固定列中 div 定位无法超出问题解决方法？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

el-table 固定列中的 div 定位无法超出

在使用 el-table 固定列时，开发者想要在固定列中创建一个超出列宽的 div，但发现使用绝对定位的 div 无法超出固定列，即使取消了 overflow:hidden 也无效。

解答

要解决此问题，有两种方法：

使用 el-dropdown 组件

这是使用 element ui 提供的组件实现此功能的更简单方法，它不需要使用 div。只需添加 el-dropdown 组件即可实现下拉菜单功能。

修改 css 样式

如果开发者坚持使用 div，则需要修改以下 css 样式：

.el-table__fixed {
  overflow: visible !important;
}

.el-table__fixed-body-wrapper {
  overflow: visible !important;
}

修改这些样式后，div 将可以超出固定列。需要注意的是，这种方法可能需要对其他 css 样式进行调整，以确保布局不会出现意外行为。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《el-table 固定列中 div 定位无法超出问题解决方法？》文章吧，也可关注golang学习网公众号了解相关技术文章。