Element UI 表格固定列与常规列 Hover 事件为何不同步？

element ui 中 el-table 固定列与常规列 hover 事件的不同步问题

element ui 提供的 el-table 组件在存在固定列时，固定列与常规列的 hover 触发事件存在不同步的问题。具体表现为：

• 当鼠标快速悬浮在常规列上时，固定列的 hover 事件较慢地触发。
• 当鼠标悬浮在固定列上时，常规列的 hover 事件也会延迟。

解决方案

为了同步固定列与常规列的 hover 事件，可以通过 css 样式覆盖默认样式：

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

该样式将强制所有悬浮行的所有单元格都变为红色，从而创建一致的 hover 效果。该解决方案本质上是覆盖 el-table 的默认 css 样式，以确保 hover 事件同时应用于固定列和常规列。

以上就是Element UI 表格固定列与常规列 Hover 事件为何不同步？的详细内容，更多请关注硕下网其它相关文章！