ElementUI中修改el-table的滚动条样式

在ElementUI中，要修改el-table的滚动条样式，可以通过CSS选择器覆盖默认样式。以下是一个例子，展示如何自定义滚动条的宽度和颜色：

/* 自定义滚动条宽度和颜色 */
.el-table__body-wrapper::-webkit-scrollbar {
  width: 10px; /* 控制滚动条宽度 */
  height: 10px; /* 控制滚动条高度 */
}
 
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #838383; /* 滚动条颜色 */
  border-radius: 5px; /* 滚动条圆角 */
}
 
.el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* 滚动条轨道颜色 */
}
 
/* 兼容Firefox */
.el-table__body-wrapper {
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: #838383 #f0f0f0; /* 滚动条颜色顺序为: 滚动条 Thumb 颜色, 滚动条轨道颜色 */
}

将上述CSS添加到你的样式表中，并确保它在ElementUI的样式之后加载，以便覆盖默认样式。

请注意，滚动条的样式可能会因浏览器而有所不同，上述代码主要针对Webkit内核浏览器（如Chrome、Safari），对于Firefox等会使用标准的CSS属性来自定义滚动条。对于不同操作系统的滚动条样式，可能还需要额外的CSS来处理。