// 深色系表格
.el-table {
background-color:#27344;
color:#bfc37c7;
font-size:14px;
}
// 表格每行的白色横线去掉
.el-table td,.el-table-th.is-leaf{
border-bottom:none !important;
}
// 表格最后一行的白色横线去掉
.el-table::before{
display:none
}
// 鼠标移入变色
.el-table tbody tr:hover > td {
background-color:#2c5171 !important
}
// 当前行高亮变色,首先要设置highlight-current-row
.el-table tbody tr.current-row > td {
background-color:#3998e5;
color:#ffffff;
}
隔行显示不同的背景色
<el-table :row-class-name="rowClassName"></el-table>
methods:{
rowClassName({row,rowIndex}){
if((rowIndex + 1) % 2){
return single-row
}else{
return double-row
}
}
}
全局scss上
.single-row{}
.double-row{}