如何使element ui 的el-table 固定列与其他列的hover 响应同步

element ui 的el-table 表格组件提供了固定列功能，但在特定情况下，固定列的hover 行为可能与其他列不同步。

问题描述

当鼠标快速悬停在固定列上时，可以看到固定列的 hover 效果延迟于其他列。反之亦然，当鼠标悬停在其他列上时，固定列的 hover 效果也会延迟。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

解决方法

要同步固定列和其他列的hover 行为，可以采用以下css 样式：

.el-table__row.hover-row > td {
  background: red !important;
}

该样式将为所有悬停行的所有单元格设置红色背景。通过强制应用此样式，无论鼠标悬停在哪里，固定列和非固定列的背景颜色都会同步更新。

应用此样式后，固定列和非固定列的 hover 行为将保持同步，消除悬停效果不一致的问题。