Element UI 固定列 Hover 事件不同步怎么办?
解决 element ui 的 el-table 固定列 hover 事件不同步问题
在 element ui 的表格组件 el-table 中,当存在固定列时,固定列的 hover 事件可能会与其他列不同步。这个问题表现为,鼠标快速移动时,固定列的 hover 效果会比其他列慢。
要解决这个问题,可以使用 css 覆盖默认样式。具体步骤如下:
在 css 文件中添加以下代码:
.el-table__row.hover-row > td { background: red !important; }
这将覆盖 element ui 的默认样式,并确保所有列在 hover 时都具有相同的背景色。
这样,固定列的 hover 事件就会与其他列同步。