ElementUI中表格el-table滚动条样式的优化

最新推荐文章于 2024-08-15 09:43:14 发布

Lccccb

最新推荐文章于 2024-08-15 09:43:14 发布

阅读量2.4w

点赞数 4

本文链接：https://blog.csdn.net/Lccccb/article/details/89947167

版权

ElementUI官方文档提供的table表格的滚动条样式不美观，简单封装之后的效果图

这里使用的是elementui中最基表格

修改样式

.slot::-webkit-scrollbar{
    width: 2px;
}
.slot::-webkit-scrollbar-thumb{
    border-radius: 2px;
    height: 50px;
    background: #eee;
}
.slot::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    background: rgba(0,0,0,0.4);
}