关于程序员:elementui自定义修改eltable表格竖向滚动条的样式

问题形容

当el-table的数据条数过多的时候,咱们就要固定el-table的表头,从而实现竖向滚动的成果,不过默认的滚动条款式不太好看,所以咱们能够批改一下滚动条的款式。其实很简略,css加上款式设置即可。

批改前的滚动条款式

批改语句

// 设置滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
}
// 设置滚动条的背景色和圆角
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb  {
  background-color: pink;
  border-radius: 8px;
}

批改后的滚动条款式

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理