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

133次阅读

共计 310 个字符,预计需要花费 1 分钟才能阅读完成。

问题形容

当 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;
}

批改后的滚动条款式

正文完
 0