el-table 展开行图标替换或筛选图标替换
展开行
// 将el-table的展开图标替换为其他图标
// 设置展开或者收起时,不发生旋转
.el-table__expand-icon{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.el-table__expand-icon
.el-icon-arrow-right:before{
content: "\e723";
}
.el-table__expand-icon--expanded
.el-icon-arrow-right:before{
content: "\e722";
}
效果图
筛选图标替换为iconfont图标:
/deep/.el-table__column-filter-trigger .el-icon-arrow-down {
font-family: iconfont !important;
font-size: 14px;
transform: unset
}
/deep/.el-table__column-filter-trigger .el-icon-arrow-down:before {
content: "\e637";
}
效果图: