首页 前端知识 Vue3 - Element Plus 表格组件 table 隐藏鼠标移入时 hover 高亮背景色,el-table 组件去除鼠标悬停在表格行的 hover 高亮效果(完美解决表格合并后导致行错位)

Vue3 - Element Plus 表格组件 table 隐藏鼠标移入时 hover 高亮背景色,el-table 组件去除鼠标悬停在表格行的 hover 高亮效果(完美解决表格合并后导致行错位)

2024-03-08 10:03:29 前端知识 前端哥 711 276 我要收藏

前言

网上都是老文章了,本文提供的方案 100% 解决此问题。

本文 实现了在 vue3 element plus 项目开发中,表格组件 el-table 鼠标移入时隐藏 hover 悬停高亮效果,当鼠标滑动到表格行时不要任何效果!

同时也解决了 “表格合并” 后带来的 hover 错位、异常显示等。


如下图所示,当鼠标移入时表格不会有任何的高亮效果(支持 “局部/全局” 修改)。

提供详细示例代码,无论 js/ts 都可以使用!

在这里插入图片描述

解决方案

提示:不仅可以去掉 hover 效果,而且还可以自定义颜色或更改 hover 样式。

以下是完整示例代码,直接复制即可。

<template
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3456.html
评论
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!