el-table组件树形数据修改展开箭头

<style lang="scss" scoped>
::v-deep .el-table__expand-icon .el-icon-arrow-right:before {content: ">"; // 箭头样式font-size: 16px;
}::v-deep .el-table__expand-icon{ // 没有展开的状态background-color: rgba(241, 242, 245, 1);color: rgba(229, 229, 229, 1);border-radius: 4px;margin-right: 12px!important;
}::v-deep .el-table__expand-icon--expanded{ // 展开的状态background-color: #3D6DD5;color: #FFFFFF;
}::v-deep .el-table__cell{padding-left: 40px;
}
</style>

最终样式

顺带说一下，这里el-table-column标签上的align="center"的话，可能会导致缩进有问题（看不出来是父级还是子级），原因是首列字数不是固定导致的，如果首列字数全部一致的这个应该没有这个问题