赞
踩
在表格中如果全局样式引入的话:
.el-table {
.el-scrollbar__thumb {
background: #09a6ff !important;
}
.el-scrollbar__bar.is-horizontal {
height: 12px !important;
}
.el-scrollbar__bar.is-vertical {
width: 12px !important;
}
}
如果单个页面样式的话:
(vue2)
::v-deep .el-table {
.el-scrollbar__thumb {
background: #09a6ff !important;
}
.el-scrollbar__bar.is-horizontal {
height: 12px !important;
}
.el-scrollbar__bar.is-vertical {
width: 12px !important;
}
}
(vue3)
:deep(.el-table) {
.el-scrollbar__thumb {
background: #09a6ff !important;
}
.el-scrollbar__bar.is-horizontal {
height: 12px !important;
}
.el-scrollbar__bar.is-vertical {
width: 12px !important;
}
}
单独使用el-scrollbar改变样式的话,直接去掉外层的el-table即可:
:deep(.el-scrollbar__bar.is-horizontal) {
height: 12px;
}
:deep(.el-scrollbar__bar.is-vertical) {
width: 12px;
}
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。