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 定位无法超出问题解决方法？的详细内容，更多请关注其它相关文章！