想改变eltable的样式,进行到如图时,始终去除不掉fix栏的下边框。
后使用浏览器一个样式样式找,发现fix会自动添加一个before,将它去掉,css代码如下:
.el-table__fixed-right::before{ /* 去除 el-table fix栏下划线*/
display: none !important;
}
最后实现效果如下:
附上整个eltable样式
.el-table,.el-table__expanded-cell { /*最外层透明*/
background-color: transparent !important;
border: none !important;
}
.el-table th,.el-table tr,.el-table td { /* 表格内背景颜色 */
background-color: transparent !important;
border: none;
}
.el-table th.el-table__cell.is-leaf {
border: none;
}
.el-table::before { /*去除底部灰条.el-table::before*/
display: none !important;
}
.el-table__fixed-right::before{ /* 去除 el-table fix栏下划线*/
display: none !important;
}
transparent 跟随div颜色,头部样式没有贴出,自行修改。
.el-table__header{ /* 表头样式*/
background-color: $color-table-header-bg; #262A42
color: $color-table-header-font !important; #A6A7AF
border: none;
}