修改Element-ui 中 table 表格的背景色以及鼠标经过某一行背景色发生改变

table 表格改变背景色

1.修改表格表头以及每一行的颜色

在标签中加入

:header-cell-style="{ background: '#0e192a', color: '#606266' }"
:row-style="{ background: '#0e192a' }" 

鼠标经过某一行，改变其背景色

未修改情况下默认样式是这样的

在样式文件中添加如下代码即可实现鼠标经过某一行更改其背景色

::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #2f4b74;
}