el table 修改鼠标在行上改变背景颜色_el-table鼠标悬浮单元格改变背景色

el table 在制作的时候，需要修改当鼠标停留在指定行上的时候，修改背景颜色等相关样式。

这里面记录一下

1. 首先，在table上面添加class，如下图:

2. 然后再最下面下面创建style样式，是<style scoped> 的，不是scss sass的。代码如下

<style scoped>
   .table-style >>> .el-table__body tr:hover > td {
      background-color: #fff!important;
    }
</style>

上面就是在鼠标悬停的时候，修改对应表格的样式。

当然，也可以添加其他的样式，比如字体的颜色。如将字体变成红色:则添加

color:red;

就可以完成指定需求了