el-table样式修改不定时更新

斑马纹

/* striped先开启斑马纹属性，这里是修改斑马纹颜色 */
/deep/.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #1e116d;
}

 

表头
/*表头颜色定义 */

<el-table :data="tableData" stripe :header-cell-style="{background: '#1e116d'}">
.....
</el-table>

or


header-cell-style="background: #E5ECFF;box-shadow:'0px 1px 0px 0px #EBEDF0;'"

 hover

/deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #1e116d;
}

hover渐变

/deep/.el-table--enable-row-hover .el-table__body tr:hover {
	background: linear-gradient(90deg,rgba(46, 76, 201, .19), rgba(238,240,244,0) 150%);
}
/deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
	background: transparent
}