el-table鼠标悬浮的变色样式重置,看似是个简单的css的问题,实则不然,下面来讲一下处理方式 1. 简单的css处理(最普通的情况) .el-table__body tr:hover>td{background:rgba(0,0,0,1);} 一般情况下这个方法可以解决问题,如果不想影响所有表格给el-table一个class名 如果你碰到了和我一样的问题,固定了右列...
el-table 鼠标悬浮的变色样式重置，看似是个简单的css的问题，实则不然，下面来讲一下处理方式 如果你碰到了和我一样的问题，固定了右列并且表格单独有特殊色处理，被折磨得不清，请听我细细道来 最后，如果有不懂的朋友，欢迎留言，知无不言 ...
1. 想要使用el-table,需要导入element-plus库,因此在package.json文件中添加element-plus版本信息 可以看到那个地方是灰色,将鼠标悬浮到^2.3.7上面会有提示run npm install,点击安装就行。 2. 将element-plus在main.js中加入app import { createApp } from 'vue'import App from'./App.vue'import ElementPlus ...
方法三---使用函数方法 在el-tavle中加入如下属性,强制让单元格渲染成固定颜色,这个方法也可取,但是遇到需要变色的单元格,显然就使用不了,问题显然又回到了方法一的缺陷之中去了。 但在单一背景色的表格中可取!!! :cell-style="{background: 'revert'}" 方法四---禁用鼠标悬浮 将所有事件禁用,虽然不会触发el...
在el-tavle中加入如下属性,强制让单元格渲染成固定颜色,这个方法也可取,但是遇到需要变色的单元格,显然就使用不了,问题显然又回到了方法一的缺陷之中去了。 但在单一背景色的表格中可取!!! :cell-style="{background: 'revert'}" 方法四---禁用鼠标悬浮 将所有...