在el-table中实现表格可编辑的方法?遇到el-select的问题?

作者站长头像
站长
· 阅读数 23

el-table 中实现表格可编辑,使用el-table中的cell-mouse-enter和cell-mouse-leave来做触发事件,当可编辑里面嵌入的是el-select时,点击想选择选项,单元格移出去选择,选项就跑走了。el-select中的选择框和下拉框是否不是一体的?用select就可以选择。

把el-select中的选择框和下拉款之间的间距调整为紧贴,但还是鼠标一到下拉框就跑走了。

回复
1个回答
avatar
test
2024-06-19

已解决,在el-select上加入:teleported="false",在style上加入.el-table .cell{

overflow: visible;

}但是出现了新的问题,在表格有多行内容时,在第一行点开下拉框后,选择框的图层在下一行cell的里面,被覆盖了。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容