el-table 滚动条自定义样式

`el-table`是Element UI库中的表格组件，它支持高度定制，包括滚动条样式。要在`el-table`中自定义滚动条样式，可以利用CSS覆盖默认的滚动条样式。以下是一个简单的示例：

/* 自定义滚动条样式 */
.el-scrollbar__view {
  /* 隐藏默认滚动条 */
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
  
  /* 为元素添加自定义滚动条 */
  overflow-y: scroll;
  scrollbar-width: thin; /* 给滚动条宽度设为thin或auto */
  scrollbar-color: rgba(0, 0, 0, .4) transparent; /* 定义滚动条颜色和背景色之间的颜色差 */
}

/* 当滚动条滑块被按下时 */
.el-scrollbar__track.active,
.el-scrollbar__thumb.active {
  background: rgba(0, 0, 0, .1); /* 被按下的颜色 */
}

/* 滑块 */
.el-scrollbar__thumb {
  border-radius: 8px; /* 可以调整圆角 */
  background: rgba(0, 0, 0, .5); /* 滑块颜色 */
}

然后将这个CSS规则应用到你的`<el-table>`元素上，通常通过`.your-class-name`或直接在`.el-table`上设置。记得在浏览器的不同版本中测试，因为某些CSS特性可能存在兼容性问题。